时间:2016-01-22 07:29 来源: 我爱IT技术网 作者:佚名
本文所分享的知识点是【css3通过scale()、rotate()实现放大、旋转】，欢迎您喜欢我爱IT技术网所分享的教程、知识、经验或攻略，下面是详细的讲解。
css3通过scale()、rotate()实现放大、旋转
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%;
}
关于css3通过scale()、rotate()实现放大、旋转的相关讨论如下：
相关问题：CSS3里rotate()不能设置属性值
答：标准写法，应该设置一个起始值，建议你测试下结果，划线不代表不能运行，只是某些低版本浏览器不能兼容而已，代码如下： @-webkit-keyframes raceFlag0{ 0%{ -webkit-transform:rotate(-720deg) rotateX(0deg) ; -webkit-transform-origin:100% ... >>详细
相关问题：css3 翻转和旋转的区别
答： css3中的transform中有旋转，放缩，倾斜，平移的功能，分别对应的属性是：rotate，scale，skew，translate 旋转：（rotate） -webkit-transform:rotate(10deg); -moz-transform:rotate(10deg); transform:rotate(10deg);翻转：（scale） (这个... >>详细
相关问题：怎么使用css3的transform的scale实现领域放大也就...
答：不知道你的具体需求，不过貌似要通过js获取双指触碰区域中心点的坐标，单纯css估计实现不了你的需求 >>详细
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-