[css] 斜めの背景を描く

斜めに大きくストライプするような模様の背景をCSSだけで作るにあたって、
新単位使ってみたサンプル

See the Pen background drawn at slant by Tenderfeel (@Tenderfeel) on CodePen.

何をしてるかというと、

before, after疑似要素で三角形をvwとvh使って作り、絶対配置で置いてる。
スマートな三角ができるし画面サイズ追従でレスポンシブな風潮にもマッチしてるんじゃないかと思った。

誰か先に書いてたらごめん寝。

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください