こんにちは、プロクラスの杉本です！
今回は、サイト制作をしていて、この形どうやってコーディングをしようかな〜と悩んだ時に見つけた便利なサイトを１つご紹介したいと思います。
Clippy―CSS clip-path maker
url: https://bennettfeely.com/clippy/
LPやホームページを制作した際に、下記の形とかをよく目にしますよね！
この形をいざコーディングしようと思うと、どうコードを書けばできるのか、おそらくすぐには思いつかないと思います。
そんな時に役立つのがこのサイトです。
こちらのサイトは、形のパターンが複数用意されており、丸点を動かすと図形の形が変わり、その形が下記のコードの記述に反映されます。
丸点を動かすだけなので簡単ですね！
いかがだったでしょうか？
今回ご紹介したサイト以外にも便利なCSSジェネレーターサイトはいろいろあるため、困った時などにそれらを上手に活用しながらコーディングをしていきたいですね！