共计 291 个字符，预计需要花费 1 分钟才能阅读完成。
css animation 动画实现 loading 状态
HTML
<div class=”root”></div>
CSS
.root {
width: 25px;
height: 25px;
border-radius: 50px;
border: 2px dashed #ddeeff;
animation: loading 1s infinite linear;
}
@keyframes loading {
to {
transform: rotate(180deg)
}
}
JavaScript
setTimeout(() => {
$(‘.root’).css({
‘animation-play-state’: ‘paused’
})
}, 5000)
正文完
