CSSのclip-pathプロパティを使用してクリッピングしたことがなかったのでclip-pathの使い方を覚えることにしました。 CSSのclip-pathの使い方を覚えるにあたってclip-pathのジェネレーターを参考にしながらclip-pathの使い方(主にbasic-shapeの使い方)を覚えました。 初めてCSSでclip-pathの使い方を覚えようとしているclip-path初心者さん向けの内容になるかと思います。 CSSでclip-pathの使い方 CSSのclip-pathを使用すると要素にクリッピング領域を作ることができ、領域の境界から内側を表示して外側を切り抜くことができます。切り抜くことを「クリッピング」と言います。 CSSでクリッピングするclip-pathの使い方は、clip-pathをCSSのプロパティとして記述してclip-pathに使用できる関数と値を記述
![CSS clip-pathの使い方をジェネレーターを活用しながら覚える](https://cdn-ak-scissors.b.st-hatena.com/image/square/bad662da053554e0e2ee87fd8d392c09896dc9d3/height=288;version=1;width=512/https%3A%2F%2Fshu-sait.com%2Fwp-content%2Fuploads%2F0b0fce39caf52a5b8c238d87ffbabe11-730x410.jpg)