transform属性旋转图形

1、新建html文件

3、效果如图

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

7、效果如图附上样式&盟敢势袂lt;style>div{width:200px;height:200px;margin:100p旌忭檀挢x;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>