transform属性旋转图形

1、新建html文件

2、创建矩形

3、效果如图

4、设置样式旋转矩形45度

5、如图所示矩形显示为菱形

6、设置样式旋转矩形15度

7、效果如图附上样式

<style>

div{width:200px;

height:200px;

margin:100px;

background:#06F;

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

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

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

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

}

</style>