是否可以为变换选项设置不同的持续时间/延迟? [英] Is it possible to set different duration/delay for transform options?
本文介绍了是否可以为变换选项设置不同的持续时间/延迟?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我想为我的html对象设置几个转换选项,但持续时间和延迟不同。
I want to set several transform options for my html object but with different duration and delay.
如果我尝试使用类似的东西:
If i try to use something like that:
-webkit-transition: -webkit-transform, opacity;
-webkit-transform: rotate(180deg) scale(2);
-webkit-transition-duration: 2000ms, 6000ms;
-webkit-transition-delay: 0ms, 6000ms;
然后我会有不同的时间函数的变换和不透明度,但我可以设置不同的选项旋转和缩放,例如旋转10秒和缩放20秒?
Then i will have different time function for transform and opacity but can i set different options for rotate and scale, e.g. rotate for 10s and scale 20s?
推荐答案
可能不是直接,但同样的效果可以通过嵌套元素。
Probably not directly, but the same effect can be achieved by nesting elements.
这篇关于是否可以为变换选项设置不同的持续时间/延迟?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文