デザインを回転させる

transform: rotate()で回転させることができる。

<style>
.rotate {
     background-color: #00ff00;
     width: 50px;
     height: 50px;
     transform: rotate(-15deg);
}
</style>

<div class="rotate">aa</div>

transform: rotateX()で軸を回転することも出来る。

<style>
.rotate {
     background-color: #00ff00;
     width: 50px;
     height: 50px;
     transform: rotate(180deg);
}
</style>

<div class="rotate">aa</div>