css3元素簡單的閃爍效果 （html5 jquery）

css3 Animation:

@-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 動畫次數為無限次 動畫效果ease-in-out

簡單吧！其實用css3做動畫效果，比用flash，javascript要方便簡單多了！希望瀏覽器趕快都支援css3 Animation .目前webkit核心的瀏覽器都支援（safrai,chrome）

