CSS3画动态等待中转圈圈效果

 <div class="mint-spinner-snake" style="border-top-color: rgb(38, 162, 255); border-left-color: rgb(38, 162, 255); border-bottom-color: rgb(38, 162, 255); height: 88px; width: 88px;"></div>

CSS样式部分:
.mint-spinner-snake{
    animation: circle 1s infinite linear;
    -webkit-animation:circle 1s infinite linear; /* Safari 和 Chrome */
    border:4px solid transparent;
    border-radius: 50%
}
@-webkit-keyframes circle{
    0%{transform:rotate(0deg);}
    100%{transform: rotate(-360deg)}
}

猜你喜欢

转载自blog.csdn.net/sally18/article/details/88237912