CSS3：如何为scale＆amp; amp设置单独的缓动函数回转

Question

这是我做动画的CSS。

  

transform：scale（0）rotateY（180deg）;

我必须单独transition-timing-function进行缩放和旋转。但根据我的研究，我只能给出如下所示，它实际上给出了相同的缩放和旋转功能。

  

过渡：变换.7s轻松进出;

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

Answer 1

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

请参阅本指南http://css-tricks.com/snippets/css/keyframe-animation-syntax/，了解如何实施此

引用链接：

  

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

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