2 lines
929 B
CSS
2 lines
929 B
CSS
.loading *{box-sizing:border-box}.loading{position:relative;width:50px;height:50px;border-radius:50%;box-sizing:border-box;border:3px solid transparent}.loading .effect-1,.loading .effect-2{position:absolute;width:50px;height:50px;border:3px solid transparent;border-left:3px solid #8D6A46;border-radius:50%;box-sizing:border-box}.loading .effect-1{animation:rotate 1s ease infinite}.loading .effect-2{animation:rotateOpacity 1s ease infinite .1s}.loading .effect-3{position:absolute;width:50px;height:50px;border:3px solid transparent;border-left:3px solid #8D6A46;animation:rotateOpacity 1s ease infinite .2s;border-radius:50%;box-sizing:border-box}.loading .effects{transition:all .3s ease}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes rotateOpacity{0%{transform:rotate(0);opacity:.1}to{transform:rotate(1turn);opacity:1}}.ant-spin-text{color:#1c2d56}.loading+.ant-spin-text{margin-top:24px}
|