clip-pathジェネレータ

円・楕円・矩形切り抜き・任意の多角形・プリセット形状を、プレビュー付きで生成しCSSをコピーします。

すべてこのブラウザ内で実行します。

使い方

  1. 形状モードを選びます。
  2. 半径・辺・多角形の頂点を調整します。
  3. 生成されたclip-path CSSをコピーします。

対応範囲

circle()・ellipse()・角丸付きinset()・3〜24頂点のpolygon()と十数種のプリセットに対応。%指定のみで、path()・url()参照・shape()には未対応です。

関連する道具

関連ガイド