【CSS】背景だけ斜めにする at softelメモ

問題 スタイルシートで、背景だけ斜めにできますか？ 斜めに2色で区切ったりできますか？ 答え スタイルシートで回転させたりゆがめたりは可能。 transform の skew や rotate を使う。 要素全体を10度ゆがめると以下のようになる。 <div style="border:1px solid #000; width:300px; overflow:hidden;"> <div style="padding:100px 50px; transform:skew(0deg, -10deg); background:#00c; color:#fff;">テキストテキストテキスト</div> <div style="padding:100px 50px;">テキストテキストテキスト</div> </div> 中身はゆがめたくないので、中身だけ逆向きにゆがめて元に戻す。 <div st

[yayocan]

斜めにする