css进行中打点效果的演示代码
author:一佰互联 2019-04-21   click:159

代码如下:

<!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>

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助~如果有疑问大家可以留言交流,谢谢大家对网页设计的支持!