CSS clip-path生成
CSS clip-pathを視覚的に生成。circle、ellipse、inset、polygonの形状をサポート。プリセット付き。CSSコードをコピー。無料、100%ブラウザで動作。
50%
50%
50%
リファレンス
CSS clip-pathとは？
clip-pathプロパティは、要素の表示領域を特定の形状にクリッピングします。クリッピング領域の外にある部分は非表示になります。画像のトリミング、装飾的な形状の作成、クリエイティブなレイアウトに使用されます。
利用可能な形状
circle() — 円形のクリッピング。半径と中心点を指定。ellipse() — 楕円形のクリッピング。水平・垂直の半径と中心点を指定。inset() — 内側への矩形クリッピング。各辺からのオフセットと角丸を指定。polygon() — 頂点座標のリストで任意の多角形を定義。三角形、星形、矢印など自由な形状が可能。
プライバシー
すべての生成処理はブラウザで100%実行されます。データはサーバーに送信されません。