Gerador de CSS Clip Path
Crie formas CSS clip-path visualmente. Escolha entre polígonos, círculos, elipses e formas inset com predefinições.
1%%
2%%
3%%
clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
CSS clip-path Property - Detalhes Técnicos
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.
Alternativa via Linha de Comando
.element {\n clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);\n}