DevToolBox

CSS clip-pathジェネレーター

要素を様々な形にクリップできるCSS clip-pathプロパティを視覚的に生成。

CSS clip-pathについて

CSS clip-pathプロパティは、要素を様々な形にクリッピング(切り抜き)できる強力な機能です。 polygon(多角形)、circle(円)、ellipse(楕円)、inset(矩形)などの基本形状をサポートしています。

polygonは座標のペア(x%, y%)をカンマ区切りで指定します。 circleはradius(半径)、ellipseはx軸とy軸の半径を指定します。

すべての処理はブラウザ内で行われます。入力データがサーバーに送信されることはありません。