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

首頁 > 開發 > CSS > 正文

CSS3過渡transition效果實例介紹

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

本文實例為大家分享了CSS3過渡transition效果，供大家參考，具體內容如下

效果圖：

實現代碼：

transition.html

XML/HTML Code復制內容到剪貼板
  1. <!DOCTYPE html>      <html lang="en">     
  2. <head>          <meta charset="UTF-8">     
  3.     <title>Transition</title>          <style>     
  4.         #block {                  width: 400px;     
  5.             height: 300px;                  background-color: #69C;     
  6.             margin: 0 auto;           
  7.             transition: background-color 1s, width 0.5s ease-out;                  -webkit-transition: background-color 1s, width 0.5s ease-out;     
  8.         }              #block:hover {     
  9.             background-color: red;                  width: 600px;     
  10.         }          </style>     
  11. </head>      <body>     
  12.     <div id="block">           
  13.     </div>      </body>     
  14. </html>    

transitionDemo.html

XML/HTML Code復制內容到剪貼板

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 香格里拉县| 黔东| 泸州市| 开化县| 辽中县| 临澧县| 开原市| 贡嘎县| 金阳县| 泌阳县| 崇礼县| 中山市| 博湖县| 漾濞| 沾化县| 汉川市| 瓦房店市| 连州市| 鲁甸县| 平谷区| 介休市| 汤原县| 临安市| 昂仁县| 略阳县| 凤台县| 河间市| 山丹县| 商丘市| 克山县| 竹北市| 兴业县| 江源县| 九寨沟县| 香格里拉县| 长宁区| 博白县| 淮阳县| 连云港市| 巨野县| 南和县|