CSS clip-pathジェネレーター
円・楕円・三角形・五角形・六角形・星形・吹き出し・矢印といったよく使われる図形をライブプレビュー付きで選択し、そのままプロジェクトで使える正確なclip-pathのCSS値をコピーできます。
デザイン・CSSツール ブラウザ内で完結
すべての処理はお使いの端末内で行われ、サーバーには何も送信されません。
形状
CSSコード
clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);