今天小编跟大家讲解下有关css3通过scale()、rotate()实现放大、旋转 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关css3通过scale()、rotate()实现放大、旋转 的相关资料，希望小伙伴们看了有所帮助。
css3通过scale()实现放大功能 通过rotate()实现旋转功能 而transition则可设置元素变化所需的时间 html中的结构代码 复制代码代码如下: <ul> <li><img src="https://www.aidi.net.cn//css/image/1.jpg"></li> <li><img src="https://www.aidi.net.cn//css/image/2.jpg"></li> <li><img src="https://www.aidi.net.cn//css/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%; }来源：爱蒂网
