rotate 斜めへ傾ける

transrate:rotateは、対象の傾きを指定できます。

        {
            transform-origin:top left;
            transform:rotate(30deg);
        }

左上を中心に30度回転します。

f:id:hrt0kmt:20140713194603p:plain

        {
            transform-origin:top left;
            transform:rotate(60deg);
        }

60度回転します。

f:id:hrt0kmt:20140713194646p:plain