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);
}
}
上一篇:美食杰,菜谱大全,loading事件和对应内容显示实现效果(四)


下一篇:axios拦截器的简单使用