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

首頁 > 開發 > CSS > 正文

css3通過scale()、rotate()實現放大、旋轉

2024-07-11 08:31:08
字體：大 中 小
來源：轉載
供稿：網友
css3通過scale()實現放大功能

通過rotate()實現旋轉功能

而transition則可設置元素變化所需的時間

html中的結構代碼

復制代碼
代碼如下:
<ul>
<li><img src="image/1.jpg" ></li>
<li><img src="image/2.jpg" ></li>
<li><img src="image/3.jpg" ></li>
</ul>

css3樣式

復制代碼
代碼如下:
ul{
margin-top:50px;
list-style:none;
}
ul li{
width:200px;
height:150px;
float:left;
margin-left:10px;
-webkit-transition:all 1s;
-moz-transition:all 1s;
-o-transition:all 1s;
}
ul li:hover{
-webkit-transform:scale(1.5) rotate(10deg);
-moz-transform:scale(1.5) rotate(10deg);
-o-transform:scale(1.5) rotate(10deg);
}
li img{
width:100%;
height:100%;
}

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 宾阳县| 承德县| 三穗县| 连平县| 辰溪县| 乌拉特前旗| 夏邑县| 台南市| 安平县| 建宁县| 荆州市| 上饶市| 梁山县| 婺源县| 天镇县| 明溪县| 米泉市| 县级市| 秦皇岛市| 永宁县| 新干县| 凌源市| 定边县| 嫩江县| 平谷区| 海阳市| 安化县| 田东县| 阿荣旗| 庆安县| 玛纳斯县| 太仆寺旗| 西丰县| 江山市| 石景山区| 临清市| 那曲县| 岱山县| 凌海市| 江城| 龙川县|