国产探花免费观看_亚洲丰满少妇自慰呻吟_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)

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

圖片精選

主站蜘蛛池模板: 弥勒县| 新余市| 招远市| 龙州县| 建昌县| 石家庄市| 永安市| 阿拉善左旗| 阿克陶县| 江达县| 图木舒克市| 四会市| 静宁县| 民县| 武冈市| 佛山市| 亚东县| 峡江县| 扎兰屯市| 平舆县| 梨树县| 青州市| 武山县| 临高县| 康马县| 沙坪坝区| 扶绥县| 冀州市| 尚志市| 社旗县| 邹城市| 华宁县| 剑阁县| 贵阳市| 凌云县| 肇州县| 横峰县| 长葛市| 贵南县| 清河县| 上饶市|