CSS Clip-Path Generator — ビジュアルエディターで clip-path CSS を生成
- Digital100 JPY

CSS Clip-Path Generator ビジュアル操作で clip-path のCSSコードをリアルタイム生成 ━━━━━━━━━━━━━━━━━━━━━━━━ ■ 概要 polygon / circle / ellipse / inset の4形状をビジュアル操作してclip-pathのCSSコードをリアルタイム生成。プレビュー上でポイントをドラッグするだけで形状を編集でき、矢印・六角形・星型など8種のプリセット形状からも選択可能。生成したCSSはワンクリックでコピーできます。インターネット接続不要。入力データは外部に一切送信されません。 ━━━━━━━━━━━━━━━━━━━━━━━━ ■ 主な機能 ✓ polygon / circle / ellipse / inset の4形状タブ切り替え ✓ ビジュアルエディター(ポイントドラッグで形状編集) ✓ ポイントの追加・削除(polygon モード) ✓ 矢印・六角形・星型・ノッチなど8種プリセット形状 ✓ リアルタイム CSS 生成+ワンクリックコピー ✓ プレビューに実際の clip-path を適用表示 ✓ SVG としてエクスポート ━━━━━━━━━━━━━━━━━━━━━━━━ ■ 収録ファイル ・ CSS Clip Path Generator_1.0.0_x64-setup.exe(インストーラー版) ━━━━━━━━━━━━━━━━━━━━━━━━ ■ 動作環境 ・ Windows 10 / 11(64bit) ━━━━━━━━━━━━━━━━━━━━━━━━ ■ 注意事項 ・初回起動時に Windows スマートスクリーンの警告が出る場合があります。「詳細情報」→「実行」でご利用ください。 ・本ツールの使用によって生じた損害について作者は責任を負いません。
