本文へスキップ
Clip

clip-pathジェネレーター

多角形・円などのクリップパスを編集。

頂点 (% x, % y)

clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);

clip-pathジェネレーターについて

形状を選び頂点や半径を調整して clip-path 宣言をコピーできます。処理はブラウザ内で完結します。

使い方

  1. 形状を選ぶ
  2. パラメータを調整
  3. CSSをコピー

よくある質問(FAQ)

無料?

はい。

送信される?

いいえ。