Document
.loadding-test {
position: relative;
width: 25px;
height: 25px;
animation: circleMoveTwo infinite .75s linear;
border: 2px solid #fff;
border-top-color: rgba(0, 0, 0, .2);
border-right-color: rgba(0, 0, 0, .2);
border-bottom-color: rgba(0, 0, 0, .2);
border-radius: 100%;
}
@keyframes circleMoveTwo {
from {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
}
to {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
}
}
一键复制
编辑
Web IDE
原始数据
按行查看
历史