css图形旋转

无标题文档

div{
margin-top:50px;
width:200px;
height:200px;
background-color:#F36;
}
.haha{
transform-origin:100% 100%;/* 设置变换基点，左上角为0 0.右下角为100% 100% */
transform:rotate(15deg);/旋转，整数位顺时针旋转，负数为逆时针旋转/
}
.haha2{
transform:scaleX(2);/缩放，scale(X,Y),X代表水平缩放，Y代表垂直缩放。如果大于1，是增大，小于1，是变小/
}
.haha3{
transform:skew(20deg,20deg);/扭曲/
margin-bottom:100px;
}
/*.haha{
transform: rotate(45deg);
transform-origin:20% 40%;

    -moz-transform: rotate(45deg);          -moz-transform-origin:20% 40%;       }*/

</center>