CSS3 实现闪烁动画效果的方法

本文实例讲述了CSS3实现闪烁动画效果的方法。分享给大家供大家参考。具体方法如下:

给class属性名为className的元素添加闪烁动画效果


.className{ 
-webkit-animation: twinkling 1s infinite ease-in-out 

.animated{ 
-webkit-animation-duration: 1s; 
animation-duration: 1s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both 

@-webkit-keyframes twinkling{ 
0%{ 
opacity: 0.5; 

100%{ 
opacity: 1; 


@keyframes twinkling{ 
0%{ 
opacity: 0.5; 

100%{ 
opacity: 1; 

}

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。