CSS3：如何为缩放和旋转设置单独的缓动函数

提问于 2024-05-02T07:05:03+08:00

浏览次

1

这是我做动画的CSS .

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

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

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

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

1 回答

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

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

引用链接：

多个动画 - 您可以用逗号分隔值以在选择器上声明多个动画 .
```
.animate-this {
   animation: 
      first-animation 2s infinite, 
      another-animation 1s;
}
```
回复于 2024-05-02T07:05:03+08:00

相关问题