CSSで文字に角度と奥行きをつける記述

最近、cssのレイアウト崩れに悩まされている毎日。
新しいcssやjQueryを見つけては、スゲーって興奮しています。
色んな実装を試してみたい今日この頃。

とりあえず、備忘録書いていきます。

　　

文字を傾ける

.item {
 transform: rotate(-２０deg);
}

と記述します。
この場合、文字が 半時計 に回転します。
マイナスを取ると普通の 時計周り に回転します。
　　

　
このtransformプロパティには色々な使い方があるみたいです。

他には

奥行きを出す

.item {
 transform: perspective(150px) rotateX(45deg);
}

　　
このperspectiveと言うのが　視点　と言う意味で
もう一つのrotateと言うのが 回転 と言う意味になります。
最後にX(エックス)軸に回転と言うことで奥行きができます。
　　
　

数値を変えればまた違った角度になったりするので、
使う機会があれば追加実装してみたいと思います。