代碼如下:
@-webkit-keyframes twinkling{ /*透明度由0到1*/
0%{
opacity:0; /*透明度為0*/
}
100%{
opacity:1; /*透明度為1*
}
Jquery ：
代碼如下：
$(element).css({"-webkit-animation":"twinkling 1s infinite ease-in-out"}); //在對(duì)象element中添加閃爍動(dòng)畫(huà)
也可以在css樣式里添加如下：
代碼如下：
#element{
-webkit-animation: twinkling 1s infinite ease-in-out; }
注：動(dòng)畫(huà)名稱(chēng)為twinkling 時(shí)間為1s 動(dòng)畫(huà)次數(shù)為無(wú)限次 動(dòng)畫(huà)效果 ease-in-out
簡(jiǎn)單吧！其實(shí)用css3做動(dòng)畫(huà)效果，比用flash，javascript要方便簡(jiǎn)單多了！希望瀏覽器趕快都支持css3 Animation .目前webkit內(nèi)核的瀏覽器都支持（safrai,chrome）
更多信息請(qǐng)查看IT技術(shù)專(zhuān)欄
公考類(lèi)
招聘類(lèi)
各類(lèi)考試
公眾號(hào)
事業(yè)單位
當(dāng)前位置：