本記事のソースコードの利用によって生じた損害について、当方は一切の責任を負いません。ご自身の判断と責任のもとで参照・ご利用ください。
この記事は最終更新から2年以上経過しています。
clip-pathプロパティというの今更知りました。背景を任意の形にできるのはいいですね。
こんな感じの背景を作りたかったのですが、clip-pathプロパティで簡単に作ることができました。
.container {
background-color: #4682b4;
clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 100% 80%);
width: 100%;
height: 600px;
}設定値は他にもありますが、それらについては必要になったら調べようと思います。
MDN