这是一个简单的旋转动画的 CSS 代码示例:
.rotate {
animation: rotate 2s linear infinite;
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
使用方法:将上述 CSS 代码添加到您的 HTML 文档的 <style>
标签内,然后为需要旋转的元素添加 class="rotate"
即可。
效果图:
![Rotating CSS Animatio