css3 div跳动动画_CSS3实现闪烁动画效果
生活随笔
收集整理的這篇文章主要介紹了
css3 div跳动动画_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的網頁設計有所幫助。
總結
以上是生活随笔為你收集整理的css3 div跳动动画_CSS3实现闪烁动画效果的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 小白编程-资源帖-h5模板源码
- 下一篇： css l数字相加,CSS calc(