要在 CSS 中添加旋转动画,你需要使用 @keyframes 规则来定义动画,然后使用 animation 属性来将动画应用于元素。
例如,假设你想要旋转一个图像 360 度,你可以这样做:
@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
img {
animation: rotate 5s linear infinite;
}
本文详细讲解了如何在CSS中使用@keyframes规则创建一个360度旋转的动画,并应用到img元素上,通过代码示例演示了动画的配置和关键帧设置。
1万+

被折叠的 条评论
为什么被折叠?



