デザイン
CSS clip-path 生成
ドラッグできる頂点でclip-pathの図形を作成します お使いのデバイス上で動作します。アップロードも保存もありません。
1
X50%
Y0%
2
X100%
Y100%
3
X0%
Y100%
生成されたCSS
clip-path: polygon(50% 0%, 100% 100%, 0% 100%); -webkit-clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
図形のプリセット
図形をクリックすると、編集できる多角形として読み込まれます。
関連
CSS clip-path 生成 について
ドラッグできる頂点でclip-pathの図形を作成します
CSS clip-path 生成は BrowseryTools の「デザイン・ビジュアル」カテゴリにある無料ツールです。処理はすべてブラウザ内で完結し、渡した内容はお使いの端末で処理されます。サーバーにアップロードされることはありません。登録も広告もウォーターマークもなく、ページの読み込みが終われば接続がなくても使い続けられます。