今天小编跟大家讲解下有关CSS3实现闪烁动画效果的方法 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关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; } }
希望本文所述对大家基于css的网页设计有所帮助。
来源：爱蒂网
