CSS如何实现div闪烁

在css中，可以使用“@keyfr am es”规则和animation属性来实现div闪烁效果；只需要先使用“@keyframes”创建具有闪烁效果的动画；然后使用animation属性设置动画所需时间，速度以及次数等。

本教程操作环境：windows7系统、CSS3 && HT ML 5版、Dell G3 电 脑。

效果图如下

代码如下

@keyframes fade {
     From  {        
    opac IT y: 1.0;    
    }
    50% {        
    opacity: 0.4;    
    }
    to {        
    opacity: 1.0;    
    }
}
@- webkit -keyframes fade {    
    f rom  {        
    opacity: 1.0;    
    }
    50% {        
    opacity: 0.4;    
    }
    to {        
    opacity: 1.0;    
    }
}
.headerBox {    
    color:  # fff;    
    padding: 10px;    
    font- Size:  15px;    
    h ei ght: 60px;    
    animation: fade 600ms infinite;    
    -webkit-animation: fade 600ms infinite;
}

给div设置headerBox 样式即可

推荐学习：css视频教程

以上就是CSS如何实现div闪烁的详细内容，更多请关注其它相关 文章 ！

总结

以上是 为你收集整理的 CSS如何实现div闪烁 全部内容，希望文章能够帮你解决 CSS如何实现div闪烁 所遇到的问题。

如果觉得 网站内容还不错， 推荐好友。

查看更多关于CSS如何实现div闪烁的详细内容...