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

首頁 > 開發 > CSS > 正文

純HTML5+CSS3制作圖片旋轉

2024-07-11 08:29:38
字體：大 中 小
來源：轉載
供稿：網友

此實例可以應用到許多項目中，很實用，希望大家可以掌握。

效果圖如下：


這個效果實現起來其實并不困難，代碼清單如下:

XML/HTML Code復制內容到剪貼板
  1. <!DOCTYPE html>      <html lang="en">     
  2. <head>          <meta charset="UTF-8">     
  3.     <title>Document</title>          <style type="text/css">     
  4.         #liu{                  width:280px;     
  5.             height: 279px;                  background: url(shishi.png) no-repeat;     
  6.             border-radius:140px;                  -webkit-animation:run 6s linear 0s infinite;     
  7.         }           
  8.         #liu:hover{                  -webkit-animation-play-state:paused;     
  9.         }           
  10.               @-webkit-keyframes run{     
  11.             from{                      -webkit-transform:rotate(0deg);     
  12.             }                  to{     
  13.                 -webkit-transform:rotate(360deg);                  }     
  14.         }           
  15.     </style>      </head>     
  16. <body>          <div id="liu"></div>     
  17. </body>      </html>     
  18.   

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 合江县| 辽阳市| 会泽县| 梓潼县| 东莞市| 麻栗坡县| 芦山县| 阿拉尔市| 忻州市| 武宁县| 安阳县| 陆丰市| 大悟县| 开原市| 延长县| 泰安市| 专栏| 鄂温| 阜新市| 金溪县| 长武县| 大港区| 鄂州市| 揭阳市| 德阳市| 岐山县| 壤塘县| 佛坪县| 宜昌市| 江阴市| 海城市| 集贤县| 阳高县| 林周县| 杨浦区| 新和县| 岫岩| 沙坪坝区| 广西| 桃江县| 邵阳县|