CSS3で画面ピッタリな三角形を表示する

できたもの

GIF でどうぞ。

できたもの

方法

vwvhを使います。

この単位は viewport の横幅と縦幅のパーセントということになります。

ですので**100vwと書くとviewport の横幅の 100%**ということになります。

あとはいつも通り border を使って三角を作れば終了っす。

なんで%を使わないかって?使えないからだよ!

ソースコード

Gist にあります。

https://gist.github.com/totoraj930/6f15685b9749ad4493c296d1fc04ce11

gist:totoraj930/6f15685b9749ad4493c296d1fc04ce11

おわりに

誰得すぎる・・・。

それにしても記事雑っ!