有沒有想過，在文字中的點點點加載效果是怎么實現的呢，下面幾句代碼就能完成，簡單易用好實現。
<![CDATA[<small id='tu6b7'></small><noframes id='tu6b7'>]]>
|
|
|
|
|
| <![CDATA[<legend id='tu6b7'><style id='tu6b7'><dir id='tu6b7'><q id='tu6b7'></q></dir></style></legend>]]> |
<![CDATA[<i id='tu6b7'><tr id='tu6b7'><dt id='tu6b7'><q id='tu6b7'><span id='tu6b7'><b id='tu6b7'><form id='tu6b7'><ins id='tu6b7'></ins><ul id='tu6b7'></ul><sub id='tu6b7'></sub></form><legend id='tu6b7'></legend><bdo id='tu6b7'><pre id='tu6b7'><center id='tu6b7'></center></pre></bdo></b><th id='tu6b7'></th></span></q></dt></tr></i>]]><![CDATA[<div id='tu6b7'><tfoot id='tu6b7'></tfoot><dl id='tu6b7'><fieldset id='tu6b7'></fieldset></dl></div>]]>
|
|
|
|
| | | |
<![CDATA[<bdo id='tu6b7'></bdo><ul id='tu6b7'></ul>]]>
|
|
| |
<!-- 頁面內容 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>
搞定，來看看效果吧。
