css3动画 实现字体闪烁或者灯泡上下浮动

话不多少,直接贴代码

    
 

css3动画 实现字体闪烁或者灯泡上下浮动_第1张图片
该示例是一个上下浮动的灯泡,文本闪烁只需要修改opacity,或者color:transparent
通过animation-timing-function可以设置动画的变化方式,通过animation-iteration-count设置播放次数,值为infinite表示无限次播放。animation-direction表示播放方向,alternate表示有来有回的播放,或者说动画会在奇数次(1,3,5…)正常播放,而在偶数次(2,4,6…)反向播放。
animation-fill-mode : none | forwards | backwards | both;
forwards当动画完成后,保持最后一个属性值(在最后一个关键帧中定义),
本例可以通过修改重复次数为1查看效果。
Internet Explorer 10、Firefox 以及 Opera 支持 animation-fill-mode 属性。
Safari 和 Chrome 支持替代的 -webkit-animation-fill-mode 属性。
Internet Explorer 9 以及更早的版本不支持 animation-fill-mode 属性。

你可能感兴趣的:(css)