本文實例講述了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的網頁設計有所幫助。

總結

以上是生活随笔為你收集整理的css3 div跳动动画_CSS3实现闪烁动画效果的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。