css进行中打点效果的演示代码
发布时间:2017-08-18 17:23:34 作者:<_/> 我要评论
这篇文章主要介绍了css进行中打点效果,附上代码让大家更简单易懂得看明白样式设置,具体操作步骤大家可查看下文的详细讲解,感兴趣的小伙伴们可以参考一下。
GPT4.0+Midjourney绘画+国内大模型 会员永久免费使用!
【 如果你想靠AI翻身,你先需要一个靠谱的工具! 】
代码如下:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | <!doctype html> <html> <head> <meta charset= "utf-8" > <meta name= "author" content= "http://www.softwhy.com/" /> <title>进行中...</title> <style> dot { display :inline- block ; width : 3 ch; text-indent : -1 ch; vertical-align : bottom ; overflow : hidden ; animation:dot 3 s infinite step-start both ; } @keyframes dot { 33% { text-indent : 0 ; } 66% { text-indent : -2 ch; } } </style> </head> <body> <a href= "javascript:" >进行中<dot>...</dot></a> </body> </html> |
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助~如果有疑问大家可以留言交流,谢谢大家对脚本之家的支持!
相关文章
- 这篇文章主要介绍了使用CSS时间打点的Loading效果的教程,分别是基于box-shadow和基于border+background的两种实现方法,需要的朋友可以参考下2015-06-08
最新评论