🎨
CSS Clip Path Generator
css · clip-path · shape · polygon · generator
背景色
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);polygon() — x y 座標ペアで作る多角形
circle(r at x y) — 円形クリップ
ellipse(rx ry at x y) — 楕円形クリップ
inset(top right bottom left round radius) — 任意の角丸付き矩形
使い方
- 1
図形プリセットを選ぶか自分で入力します。
- 2
背景色を設定します。
- 3
生成された clip-path CSS をコピーします。
FAQ
このツールは無料ですか？
はい、登録もインストールも不要で、すぐに完全無料で使えます。
このツールはどんなツールですか？
CSS clip-pathの図形を視覚的に作成しコードをコピー。 登録もインストールも不要で、ページを開けばすぐに無料でお使いいただけます。