动画效果
2021-06-17 本文已影响0人
走花鹿
动画效果
通过关键字@keyframes
来定义一个名叫runCircle
的动画效果
@keyframes runCircle {
0% {
transform: rotate(0);
}
50% {
transform: rotate(180deg);
}
100% {
transform: rotate(360deg);
}
}
然后在样式中使用
.loading_icon{
animation: runCircle infinite 1s linear;
display: inline-block;
}