【CSSの基本】オブジェクトを任意の角度で回転させたい

オブジェクトを任意の角度で回転させたい

オブジェクトを任意の角度で回転させるには「transform」+「rotate」を設定します。

#sample { transform: rotate(25deg) }     /* オブジェクトを25度回転する */

サンプルコード（CSS）

#kakudo {
     border: solid red;
     background: #FDD;
     width: 100px;
     height: 100px;
     transform: rotate(25deg);     /* オブジェクトを回転させる */
}

サンプルコード（HTML）

<div id="kakudo">こんばんわ</div>

＜結果＞

オブジェクトが中心を支点に25度時計回りに回転しました。

こんばんわ

END