有没有想过,在文字中的点点点加载效果是怎么实现的呢,下面几句代码就能完成,简单易用好实现。
<!-- 页面内容 index.html -->
<!DOCTYPE html>
<html>
<body>
<div class='textContent'>
我是加载文案
</div>
</body>
</html>
.textContent {
&:after {
content: '';
animation: dots 2s linear infinite;
}
}
@keyframes dots {
30% {
content: '.';
}
60% {
content: '..';
}
90% {
content: '...';
}
}
</style>
搞定,来看看效果吧。