代碼如下：
<!doctype html><html><head><meta charset="utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>進行中...</title><style>dot { display:inline-block; width:3ch; text-indent:-1ch; vertical-align:bottom; overflow:hidden; animation:dot 3s infinite step-start both;}@keyframes dot { 33% { text-indent: 0; } 66% { text-indent: -2ch; }}</style></head><body><a href="javascript:">進行中<dot>...</dot></a></body></html>
相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！
推薦閱讀：
css3的Transition平滑過渡功能表列實現
box-shadow的陰影製作效果如何使用
常用的CSS實現垂直置中的4種方法
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
