本文實(shí)例講述了CSS3實(shí)現(xiàn)閃爍動(dòng)畫效果的方法。分享給大家供大家參考。具體方法如下：
給class屬性名為className的元素添加閃爍動(dòng)畫效果
復(fù)制代碼代碼如下:.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的網(wǎng)頁設(shè)計(jì)有所幫助。
更多信息請查看IT技術(shù)專欄
公眾號
事業(yè)單位
當(dāng)前位置：
公考類
招聘類
各類考試