文档章节

css3省略号小动画...

 端木遗风
发布于 2017/09/11 15:56
字数 57
阅读 2
收藏 0

 

利用伪元素 :after 的content属性配合css3做省略号加载小动画。

<span class="coming">敬请期待</span>

<style>

    .coming:after{content: "";-webkit-animation:dotAnimate 1s infinite;}

    @-webkit-keyframes dotAnimate{
        0%,100%{content: "";}
        25%{content: ".";}
        50%{content: "..";}
        75%{content: "...";}
    }

</style>

 

© 著作权归作者所有

共有 人打赏支持

端木遗风

粉丝 2
博文 18
码字总数 4175
作品 0
深圳
个人总结(css3新特性)

1.前言 css3这个相信大家不陌生了,是个非常有趣,神奇的东西!有了css3,js都可以少写很多!我之前也写过关于css3的文章,也封装过css3的一些小动画。个人觉得css3不难,但是很难用得好,用...

守候i
2017/12/04
0
0
-webkit-line-clamp实现多行文字溢出隐藏显示省略号

概述: -webkit-line-clamp 是一个 不规范的属性(unsupported WebKit property),它没有出现在 CSS 规范草案中。 限制在一个块元素显示的文本的行数。 为了实现该效果,它需要组合其他外来...

欢乐小金鱼
2015/03/24
0
1
50 个优秀 CSS3 技巧和优美的设计教程

Filter Functionality with CSS3 Thumbnail Proximity Effect with jQuery and CSS3 Fullscreen Background Image Slideshow with CSS3 CSS3 灯箱 Slopy Elements with CSS3 Item Blur Effec......

红薯
2012/01/11
2.4K
0
纯CSS3实现的多层嵌套圆环Loading动画

纯CSS3实现的多层嵌套圆环Loading动画 HTML5资源教程2017-12-105 阅读 css3loading动画 之前我们为大家分享过一些炫酷实用的CSS3圆环形Loading加载动画,很多都是纯CSS3实现的。今天我们要分...

HTML5资源教程
2017/12/10
0
0
CSS3多方块波浪形Loading加载动画

CSS3多方块波浪形Loading加载动画 HTML5资源教程2017-12-073 阅读 css3loading动画 记得以前我们分享过很多基于CSS3和SVG的Loading加载动画,大都是环形的外观,比如这款 纯CSS3发光圆环Loa...

HTML5资源教程
2017/12/07
0
0

没有更多内容

加载失败,请刷新页面

加载更多

【大福利】极客时间专栏返现二维码大汇总

我已经购买了如下专栏,大家通过我的二维码你可以获得一定额度的返现! 然后,再给大家来个福利,只要你通过我的二维码购买,并且关注了【飞鱼说编程】公众号,可以加我微信或者私聊我,我再...

飞鱼说编程
今天
1
0
Spring5对比Spring3.2源码之容器的基本实现

最近看了《Spring源码深度解析》,该书是基于Spring3.2版本的,其中关于第二章容器的基本实现部分,目前spring5的实现方式已有较大改变。 Spring3.2的实现: public void testSimpleLoad(){...

Ilike_Java
今天
1
0
【王阳明心学语录】-001

1.“破山中贼易,破心中贼难。” 2.“夫万事万物之理不外于吾心。” 3.“心即理也。”“心外无理,心外无物,心外无事。” 4.“人心之得其正者即道心;道心之失其正者即人心。” 5.“无...

卯金刀GG
今天
2
0
OSChina 周三乱弹 —— 我们无法成为野兽

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @ _刚刚好: 霸王洗发水这波很骚 手机党少年们想听歌,请使劲儿戳(这里) hahahahahahh @嘻酱:居然忘了喝水。 让你喝可乐的话, 你准忘不了...

小小编辑
今天
11
0
vm GC 日志 配置及查看

-XX:+PrintGCDetails 打印 gc 日志 -XX:+PrintTenuringDistribution 监控晋升分布 -XX:+PrintGCTimeStamps 包含时间戳 -XX:+printGCDateStamps 包含时间 -Xloggc:<filename> 可以将数据保存为......

Canaan_
昨天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部