CSS3-----transform 转换
transforn 可以转换元素,其中主要属性有:rotate() / skew() / scale() / translate()以下4种。
transform:rotate():旋转;其中“deg”是“度”的意思,如“10deg”表示“10度”。
transform:skew():倾斜
transform:scale():缩放 ;“1.5”表示以1.5的比例放大,如果要放大2倍,须写成“2.0”,缩小则为负“-”
transform:translate():位移;如下表示向右位移120像素,如果向上位移,把后面的“0”改个值就行,向左向下位移则为负“-”
其中包括:rotateX(angle) 沿着X轴旋转。
关于图片缩放:
.m-bg02{ background-color: #fff; color: #7fc241!important; transition:all .7s ; -webkit-transition:all .7s; -moz-transition:all .7s; -o-transition:all .7s; } .m-bg02:hover{ transform: scale(1.1); -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -o-transform:scale(1.1) ; }