css加载图片就旋转

原创于 2022-04-22 10:52:27 发布

· 176 阅读

·

0

·

0 ·

版权

文章标签：

#前端

<div class="demo">
    <img class="an img" src="/test/img/2.png" width="500" height="500"/>
</div>

.demo{text-align: center;
    margin-top: 100px;}
@-webkit-keyframes rotation{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}
.an{
    -webkit-transform: rotate(360deg);
    animation: rotation 3s linear infinite;
    -moz-animation: rotation 3s linear infinite;
    -webkit-animation: rotation 3s linear infinite;
    -o-animation: rotation 3s linear infinite;
}
.img{border-radius: 250px;}