不同持续时间的不同变换？

我为一个元素设置了一个转换和一个转换。我想每次转换都有不同的持续时间（比例，角度，旋转）。任何方式来实现这一目标？不同持续时间的不同变换？

转型：

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

变换：

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

来源

2013-06-20 caiocpricci2

AFAIK，唯一的posibilities是：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'属性。 “不透明”不是“转换”属性。 – ericsoco

不同持续时间的不同变换？

回答

相关问题