CSS Clip Path生成ツール
CSS clip-pathシェイプを視覚的に作成します。プリセットでポリゴン、円、楕円、インセットシェイプを選択。
1%%
2%%
3%%
clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
CSS clip-path Property - 技術的な詳細
The clip-path CSS property creates a clipping region that sets what part of an element should be shown. Parts inside the region are shown, while those outside are hidden. Use shapes like polygon, circle, ellipse, or inset to create unique visual effects.
コマンドラインでの代替方法
.element {\n clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);\n}