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

首頁(yè) > 開(kāi)發(fā) > CSS > 正文

關(guān)于css旋轉(zhuǎn)動(dòng)畫(huà)效果的簡(jiǎn)單實(shí)現(xiàn)

2024-07-11 08:32:34
字體：大 中 小
來(lái)源：轉(zhuǎn)載
供稿：網(wǎng)友

我們可以通過(guò)css來(lái)做出動(dòng)畫(huà)效果，下面我為大家演示的是div的旋轉(zhuǎn)，顏色過(guò)渡的動(dòng)畫(huà)

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. <!DOCTYPE html>   <html lang="zh-cmn-Hans">  
  2. <head>   <meta charset="utf-8" />  
  3. <title></title>   <style>  
  4.     a{                text-align:center;   
  5.         line-height:100px;            transition:all 2s;   
  6.         width:100px;            height:100px;   
  7.         background:pink;            float:left;   
  8.         border-radius:50%;        }   
  9.     a:hover{            transition:all 2s;   
  10.         background:red;            transform-origin:50 100;   
  11.         transform:rotate(360deg);            border-radius:50%;   
  12.                 }   
  13. </style>   </head>  
  14. <body>   <h1>請(qǐng)將鼠標(biāo)移動(dòng)到下面的矩形上：</h1>  
  15. <a>       兩秒旋轉(zhuǎn)360   
  16. </a>   </body>  
  17. </html>  

效果自己測(cè)試，很絢麗哦！

以上這篇關(guān)于css旋轉(zhuǎn)動(dòng)畫(huà)效果的簡(jiǎn)單實(shí)現(xiàn)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持錯(cuò)新站長(zhǎng)站。

發(fā)表評(píng)論 共有條評(píng)論
用戶(hù)名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板： 荔波县| 康定县| 衡东县| 柳河县| 蒙城县| 莱阳市| 原阳县| 蛟河市| 赫章县| 林甸县| 临洮县| 黎城县| 布拖县| 班玛县| 怀集县| 延津县| 明光市| 仪征市| 涞源县| 石泉县| 阳东县| 林西县| 太仆寺旗| 大厂| 蕲春县| 西平县| 南充市| 澜沧| 沛县| 满洲里市| 扎赉特旗| 吐鲁番市| 逊克县| 石狮市| 文登市| 黔东| 胶州市| 安阳县| 衡山县| 攀枝花市| 思茅市|