変形CSS3 - 回転回転（）

角要素は原点に対して回転するようにパラメータを指定して回転回転（）関数。これは、角度値は回転の大きさを指定するために使用され、主に二次元で動作します。この値が正である場合、原点の中心に対して要素の時計回りの回転は、値が負の場合、中央要素は、原点に対して反時計回りに回転しました。下図のように：

HTMLコード：

<div class="wrapper">
  <div></div>
</div>

CSSコード：

.wrapper {
  width: 200px;
  height: 200px;
  border: 1px dotted red;
  margin: 100px auto;
}
.wrapper div {
  width: 200px;
  height: 200px;
  background: orange;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}