css – 可以为变换选项设置不同的持续时间/延迟吗?

前端之家收集整理的这篇文章主要介绍了css – 可以为变换选项设置不同的持续时间/延迟吗?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想为我的html对象设置几个变换选项,但具有不同的持续时间和延迟.

如果我尝试使用这样的东西:

-webkit-transition: -webkit-transform,opacity;
-webkit-transform: rotate(180deg) scale(2); 
-webkit-transition-duration: 2000ms,6000ms; 
-webkit-transition-delay: 0ms,6000ms;

那么我将具有不同的变换和不透明度的时间函数,但是我可以为旋转和缩放设置不同的选项.旋转10秒和20秒?

解决方法

可能不直接,但 nesting elements可以实现相同的效果.

猜你在找的CSS相关文章