Css3 实现无限循环

最新推荐文章于 2025-06-23 16:27:41 发布

Summer-X

最新推荐文章于 2025-06-23 16:27:41 发布

阅读量2.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： css

本文链接：https://blog.youkuaiyun.com/qq_41842440/article/details/89460689

css 专栏收录该内容

7 篇文章

订阅专栏

本文详细介绍了一种使用CSS实现的动画效果——元素的旋转。通过@-webkit-keyframes定义了从0度到360度的旋转过程，并将该动画应用于带有.loading类的元素上。这种动画可以为网站增添动态美感，提升用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

@-webkit-keyframes gogogo {
    0%{
        -webkit-transform: rotate(0deg);
    }
    50%{
        -webkit-transform: rotate(180deg);
    }
    100%{
        -webkit-transform: rotate(360deg);
    }
}
.loading{
    -webkit-animation:gogogo 2s infinite linear ;
}