首页 > Web开发 > 详细

css 旋转动画

时间:2021-07-30 22:53:55      阅读:16      评论:0      收藏:0      [点我收藏+]
.uni-load-more__img {
animation: loading-ios-H5 1s 0s step-end infinite;
}


@keyframes loading-ios-H5 {
0% {
transform: rotate(0deg);
}

8% {
transform: rotate(30deg);
}

16% {
transform: rotate(60deg);
}

24% {
transform: rotate(90deg);
}

32% {
transform: rotate(120deg);
}

40% {
transform: rotate(150deg);
}

48% {
transform: rotate(180deg);
}

56% {
transform: rotate(210deg);
}

64% {
transform: rotate(240deg);
}

73% {
transform: rotate(270deg);
}

82% {
transform: rotate(300deg);
}

91% {
transform: rotate(330deg);
}

100% {
transform: rotate(360deg);
}
}

css 旋转动画

原文:https://www.cnblogs.com/anans/p/15081156.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!