使い方
シェイプの種類（多角形・円・楕円・インセット）を選び、プレビュー上のポイントをドラッグして形を調整すると、対応するCSSのclip-pathコードがリアルタイムで生成されます。多角形はダブルクリックで頂点を追加できます。 三角形・星形・矢印などのプリセットも用意しているので、そこから始めて微調整するのが手早い使い方です。生成されたコードはコピーしてそのままスタイルシートに貼り付けられます。
- ポリゴン/円/楕円/インセット形状
- ドラッグ&ドロップでポイント編集
- プリセット形状（三角形、星、矢印）
- リアルタイムCSS出力
こんなときに使おう
- カスタム形状の要素を作りたいとき
- 画像マスクをデザインするとき
- クリエイティブなUIレイアウトを構築するとき