このツールについて
図形を選ぶと、対応する clip-path ルールでプレビュー枠を即座に切り抜き、そのまま使える CSS をコピーできます。プレビューはすべてブラウザ内でリアルタイムに更新されます。
よくある質問
ポリゴンの clip-path はどのように機能しますか？
各点は枠に対する x y のパーセント値の組で、ブラウザがそれらを順番に結び、輪郭の内側の領域だけを表示します。
すべてのブラウザが clip-path に対応していますか？
ポリゴン、円、楕円、inset の図形はすべての最新ブラウザでサポートされているため、生成された CSS はプレフィックスなしで動作します。