Div{transform:rotate (7deg);-ms-transform:rotate (7deg); /* IE 9 */-moz-transform:rotate (7deg); /* Firefox */-webkit-transform:rotate (7deg); /* Safari and Chrome */-o-transform:rotate (7deg); /* Opera */}
The following is an example
<!DOCTYPE HTML Public "-//W3C//DTD XHTML 1.0 transitional//en" "http://www.w3.org/TR/xhtml1/DTD/ Xhtml1-transitional.dtd "><HTMLxmlns= "http://www.w3.org/1999/xhtml"><Head><Metahttp-equiv= "Content-type"content= "text/html; charset=gb2312" /><title>Untitled Document</title><style>Div{width:244px;Height:200px}. Rotate{Border:8px Solid #fff;Box-shadow:0 0 5px 0 #747474;}. Rotate{Overflow:Hidden;transition-duration:0.4s;Transition-property:Transform;}. Rotate:hover{Transform:Rotate (2deg);-ms-transform:Rotate (2deg); /*IE 9*/-moz-transform:Rotate (2deg); /*Firefox*/-webkit-transform:Rotate (2deg); /*Safari and Chrome*/-o-transform:Rotate (2deg); /*Opera*/}</style></Head><Body><Divclass= "List"><aclass= "Imghref"href="#"><imgclass= "Rotate"alt=""src= "http://t3.qpic.cn/mblogpic/4c2f2cadc3ceaa27cbc2/460"></a><Pclass= "desc">Zencart templates</P></Div></Body></HTML>
CSS3 transform attribute rotate div element