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) ;
}