css手动实现loading

<div class="ex1">
</div>

css代码如下:

.ex1 {
    width: 90px;
    height: 90px;
}
.ex1:after {
    content: ' ' ;
    display: block;
    width: 60px;
    height: 60px;
    border: 6px solid blue;
    border-color: gold transparent;
    animation: loading 1.2s linear infinite
}
@keyframs loading {
  0% {
     transform: rotate(0deg)
    }
  100% {
     transform: rotate(360deg)
}
} 

 

posted @ 2020-04-21 10:59  微小唯  阅读(181)  评论(0)    收藏  举报