!doctype htmlhtmlheadmeta charset="utf-8"meta content="http://www.softwhy.com/" /title蚂蚁部落/titlestyledot { display:inline-block; width:3ch; text-indent:-1ch; vertical-align:bottom; overflow:hidden; animation:dot 3s infinite step-start
<!doctype html> <html> <head> <meta charset="utf-8"> <meta 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>
1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，请转载时务必注明文章作者和来源，不尊重原创的行为我们将追究责任；3.作者投稿可能会经我们编辑修改或补充。
相关文章
svg实现放大效果 - 师妹儿
2017-06-30 18:00
神奇的深度图：复杂的效果，不复杂的原理 - 慕容小匹夫
2017-06-28 14:03
5种做法实现table表格中的斜线表头效果 - xiuxiu^记忆
2017-06-15 17:01
【CSS3】使用CSS3制作全屏切换效果 - Glunefish
2017-06-09 13:03
网友点评
精彩导读
热门资讯
关注我们
