#example {

position: absolute;

top: 100px;

left: 100px;

border: #09F solid 1px;

background: #F90;

font-weight: 900;

color: #FFF;

padding: 10px;

display: block;

width: 200px;

height: 200px;

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=0.7660444431189777, M12=-0.6427876096865394, M21=0.6427876096865398, M22=0.7660444431189779)";

}

div

{

transform:rotate(7deg);

-ms-transform:rotate(7deg); /* IE 9 */

-moz-transform:rotate(7deg); /* Firefox */

-webkit-transform:rotate(7deg); /* Safari 和 Chrome */

-o-transform:rotate(7deg); /* Opera */

}

浏览器支持

Internet Explorer 10、Firefox、Opera 支持 transform 属性。

Internet Explorer 9 支持替代的 -ms-transform 属性（仅适用于 2D 转换）。

Safari 和 Chrome 支持替代的 -webkit-transform 属性（3D 和 2D 转换）。

Opera 只支持 2D 转换。