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