国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板: 吉水县| 晋州市| 万盛区| 措美县| 江门市| 清水河县| 泰州市| 香港 | 扎鲁特旗| 浏阳市| 闸北区| 宜宾市| 仁化县| 宁城县| 西昌市| 兴文县| 鞍山市| 边坝县| 利川市| 武强县| 大新县| 宁乡县| 博客| 高州市| 台前县| 读书| 镇远县| 保靖县| 北海市| 正定县| 屯门区| 沧州市| 哈密市| 海晏县| 麻江县| 法库县| 楚雄市| 离岛区| 沭阳县| 永定县| 平罗县|