css3元素簡(jiǎn)單的閃爍效果實(shí)現(xiàn)

字號(hào):


    css3 Animation:
    代碼如下:
    @-webkit-keyframes twinkling{    /*透明度由0到1*/
        0%{
           opacity:0; /*透明度為0*/
         }
        100%{
           opacity:1; /*透明度為1*/
        }
      }
    
    代碼如下:
    $(element).css({"-webkit-animation":"twinkling 1s infinite ease-in-out"}); //在對(duì)象element中添加閃爍動(dòng)畫
    也可以在css樣式里添加如下:
    代碼如下:
     #element{
              -webkit-animation: twinkling 1s infinite ease-in-out; 
         }
    注:動(dòng)畫名稱為twinkling  時(shí)間為1s  動(dòng)畫次數(shù)為無(wú)限次  動(dòng)畫效果 ease-in-out
    簡(jiǎn)單吧!其實(shí)用css3做動(dòng)畫效果,比用flash,javascript要方便簡(jiǎn)單多了!希望瀏覽器趕快都支持css3 Animation .目前webkit內(nèi)核的瀏覽器都支持(safrai,chrome)