css进行中打点效果的演示代码

2024-07-11 09:07:50

字体：大中小

来源：转载

供稿：网友

代码如下：

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

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

注：相关教程知识阅读请移步到CSS教程频道。

上一篇：CSS3与动画有关的属性transition、animation、transform对比（史上最全版）

下一篇：HTML+CSS3模拟心的跳动实例代码