スケーラブルな三角形をCSSグラデーションで作るひとつ前のエントリで書いたやり方だとスケーラブルじゃないので著しく生産性に欠ける。真っ当にCSSグラデーションを書いてうまく重ねてやるとスケーラブルな三角形を作ることができるようだ。変な書き方を知っているのも良し悪しですね！ Demo: しゅるしゅる動く奴 #2 .test { background-color: red; background-image: linear-gradient(top right, red 0, red 50%, transparent 50%, transparent 100%), linear-gradient(top left, white 0, white 50%, red 50%, red 100%) ; } これがベースでCSSグラデーションを使って斜めのグラデーションを作り重ねてやるというもの。複数の背景画像を指定した場合は先に書いた背景画像が手
