阅读 71

css 旋转动画

.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);
}
}

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

文章分类
代码人生
文章标签
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐