css怎么让div旋转不改变形状 旋转任意角度 如何让div旋转一定的角度

m11,m12,m21.m22是控制角度的

复制代码代码如下:

DIV旋转属性的演示

body {

font-family: "Arial", sans-serif;

}

#example {

position: absolute;

border: #09F solid 1px;

font-weight: 900;

padding: 10px;

display: block;

width: 500px;

height: 400px;

margin-top: -1px;

margin-left: -1px;

transform: rotate(40deg);

-o-transform: rotate(40deg);

-webkit-transform: rotate(40deg);

-moz-transform: rotate(40deg);

filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1.2660444431189777, M12=-0.3327876096865394, M21=0.1127876096865398, M22=0.9660444431189779);

}

旋转成功