css - CSS3：如何为缩放和旋转设置单独的缓动功能

Question

这是我做动画的CSS。

变换：缩放（0）旋转Y（180度）；

我必须为缩放和旋转提供单独的过渡定时功能。但根据我的研究，我只能给出如下所示的内容，这实际上为缩放和旋转提供了相同的缓动功能。

过渡：转换 .7s 缓进出；

任何人都知道为缩放和旋转提供单独的计时功能。

Answer 1

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

请参阅本指南http://css-tricks.com/snippets/css/keyframe-animation-syntax/了解如何实现这一点

引用链接：

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

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