Различные длительности для разных преобразований?

Я установил переход и преобразование для элемента. Я бы хотел иметь разные длительности в каждом из моих преобразований (масштаб, перспектива, поворот). Любой способ добиться этого?Различные длительности для разных преобразований?

Переход:

transition:-webkit-transform 1s linear; 
-webkit-transition: -webkit-transform 1s linear; /** Chrome & Safari **/

Transform:

-webkit-transform: translate3d(50px, 114.82978723404256px, 0px) perspective(2000px) rotateX(40deg) scale(0.23297872340425532);

источник

2013-06-20 caiocpricci2

AFAIK, только ваши являются максимальными возможностями 1) анимации с ключевыми кадрами 2) severals элементов и 1 переход для каждого. – vals

Если они не все использовали 'transform', вы могли бы это сделать, поэтому, если бы вы могли изменить масштаб, используя width/height/position, но vals правильно –

-1

Вы можете достичь его, как следующий код. Я использовал его на своем веб-сайте, и он отлично работает.

-webkit-transition: -webkit-transform 0.5s, opacity 0.5s; 
-moz-transition: -moz-transform 0.5s, opacity 0.5s; 
transition: transform 0.5s, opacity 0.5s;

Надеюсь, это поможет!

Благодаря

источник

2014-02-28 16:29:19

OP задает конкретно несколько свойств CSS' transform'. 'opacity' не является свойством' transform'. – ericsoco

Различные длительности для разных преобразований?

ответ

Смежные вопросы