CSS3 :如何为缩放和旋转设置单独的放松函数

Question

这是我的css做动画。

变换:标度(0)rotateY(180)；

我必须为缩放和旋转提供单独的过渡时间函数。但根据我的研究，我只能给出类似下面，它实际上提供了相同的放松功能，规模和旋转。

过渡:转换.7s轻松-外泄；

任何人都知道为比例和旋转提供单独的定时功能。

Answer 1

您可以设置多个动画，第一个动画将缩放，第二个动画将旋转，并为每个动画分配不同的放松时间。然后，可以将多个动画分配给单个元素。

请参阅关于如何实现此操作的指南http://css-tricks.com/snippets/css/keyframe-animation-syntax/。

引用链接中的话：

多个动画--您可以用逗号--分隔值，在选择器上声明多个动画。

.animate-this {
   animation: 
      first-animation 2s infinite, 
      another-animation 1s;
}