国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

css3元素簡單的閃爍效果實現(html5 jquery)

2024-05-06 15:58:02
字體:
來源:轉載
供稿:網友
本篇文章主要介紹了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)

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 武义县| 崇文区| 隆尧县| 介休市| 黄大仙区| 叙永县| 瓦房店市| 钟山县| 四川省| 鹤岗市| 柳林县| 儋州市| 长宁县| 察隅县| 永川市| 定结县| 务川| 突泉县| 兴安县| 绥阳县| 铁岭市| 内江市| 武安市| 扎赉特旗| 咸丰县| 邓州市| 涞源县| 易门县| 黄梅县| 乐亭县| 金塔县| 周宁县| 宕昌县| 德令哈市| 长丰县| 岱山县| 潜江市| 南开区| 同仁县| 安平县| 平原县|