代码如下：
<!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>
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助~如果有疑问大家可以留言交流，谢谢大家对脚本之家的支持!
发现问题 之前写过的一段简单的demo，后来在IE10以下使用的时候发现无法使用，先...
先点赞再看，养成好习惯 事务管理 ，一个被说烂的也被看烂的话题，还是八股文中...
HTML5对于表单有着极大程度的优化，无论是语义，小部件，还是数据格式的验证。我...
作为开发者，我们总会面临各种各样的性能问题。它们可能出现在应用层、数据库层...
在过去，几乎每个网站都有一个网站地图页列出它们所有的网页。网站地图页的作用...
由于图片是web上最流行的内容类型之一，因此网站的页面加载时间很容易成为一个问...
TOP云（zuntop.com）科技2016年11月1日报道，日前，微软提供了一个新的服务器计...
问题解说: 在使用css 的animations 属性时,首次加载循环会出现白色的间隙,看着有...
React 18 带来了几个非常实用的新特性，同时也没有额外的升级成本，值得仔细看一...
TOP云 12月23日讯，昨日， 域名 投资人滔滔在其朋友圈表示已将之前售出的二字母...
