国产探花免费观看_亚洲丰满少妇自慰呻吟_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復制內容到剪貼板

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 海林市| 玛沁县| 北海市| 元朗区| 越西县| 乐陵市| 丰城市| 抚松县| 裕民县| 汝阳县| 喀喇沁旗| 柏乡县| 崇左市| 图片| 静安区| 曲松县| 阳泉市| 乾安县| 伊通| 岳普湖县| 循化| 波密县| 宾阳县| 奉新县| 抚顺市| 瑞安市| 福安市| 山丹县| 太湖县| 西林县| 曲沃县| 临颍县| 西安市| 吉木萨尔县| 南和县| 开远市| 五指山市| 亚东县| 黄大仙区| 库伦旗| 连云港市|