デザイン

CSS clip-path生成

百分率の座標から多角形CSS clip-pathを作成します。

01データと設定

ブラウザー内で実行され、ソフトのインストールは不要です。

02結果

入力待ち
入力待ち

値を入力するかサンプルを読み込むと結果が表示されます。

このツールについて: CSS clip-path生成

百分率の座標から多角形CSS clip-pathを作成します。

処理は選択した形式によって異なります。対応文字と構文は説明とサンプルをご覧ください。

計算方法

clip-path: polygon(x₁% y₁%, x₂% y₂%, …)

計算例

x; yの点(%)、1行に1点
50; 0
100; 50
50; 100
0; 50
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);

よくある質問

このツールで何ができますか?

百分率の座標から多角形CSS clip-pathを作成します。 処理は選択した形式によって異なります。対応文字と構文は説明とサンプルをご覧ください。

精度と入力形式は何に依存しますか?

処理は選択した形式によって異なります。対応文字と構文は説明とサンプルをご覧ください。

計算はどこで実行されますか?

ブラウザー内で実行され、ソフトのインストールは不要です。

コメント (0)

感想を共有してください。礼儀正しく、話題に沿ってお願いします。

まだコメントはありません。コメントを残して、あなたの意見を共有してください!

コメントを残すにはログインしてください。

コメントするにはログイン