css旋转动画
CSS3中可以使用transform属性来实现旋转动画,具体实现方法如下:
- 指定需要旋转的元素,例如:
<div class="rotate">这是一个需要旋转的元素</div>
- 在CSS中定义旋转动画,例如:
.rotate {
animation: spin 2s linear infinite;
}
@keyframes spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
上述代码中,使用animation属性指定了一个名为spin的动画,动画时间为2秒,动画速度为线性,动画无限循环。在@keyframes中定义了从0度到360度的旋转动画效果。
- 运行代码,查看旋转动画效果。
原文地址: https://www.cveoy.top/t/topic/brj7 著作权归作者所有。请勿转载和采集!