css3动画自动旋转

CSS3动画自动旋转可以为网站增添许多活力与趣味性。它可以使元素像永不停歇的旋转木马一样转动，为用户带来独特的视觉效果。

.spin {
    animation: spin 3s linear infinite;
}
@keyframes spin {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
    

以上代码中创建了一个名为“spin”的CSS类，使用了CSS3动画属性和关键帧（keyframes）功能。动画旋转时间为3秒（3s），使用线性（linear）动画过度，无限循环（infinite）。

在@keyframes中定义了“spin”动画效果的起始点和终止点，即元素旋转的角度。从初始角度（0deg）到终止角度（360deg），即元素绕其自身中心旋转一周。

为元素元素添加“spin”类名，即可触发动画效果。这里的实例针对的是一个盒子元素，你可以跟据实际情况来调整具体的宽高和效果。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！