今回は、文字や画像を斜めにするCSSです。
こんなあいさつのよくできた元気な斜め文字にしたいときはどのようにCSSを記述すればよいだろう。
html
<p> こんにちは! <br> 斜めだよ! </p>
シンプルに。
余談ですが、私の弟はどうやら学生時代シンプル先輩と呼ばれていたそうだ。 知らんけど。
CSS
p{
transform: rotate(-10deg);
}
transformプロパティを使います。
transform: rotate
rotateで回転させます。
回転させる角度について、deg(degree/角度)で値を指定できます。
負の値 → 反時計周り
正の値 → 時計回り
今回の -10deg なら、「反時計周りに10度」回転させることになります。
以上!!