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

前端  /  管理员 发布于 7年前   176

代码如下：

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

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

 


  • 上一条：
    css选择器
    下一条：
    浅谈css双飞翼布局和圣杯布局

    • 昵称：

    邮箱：

    0条评论 (评论内容有缓存机制,请悉知!)
    Top

    Copyright·© 2019 侯体宗版权所有· 粤ICP备20027696号 PHP交流群

    侯体宗的博客