Gerador de caminhos de recorte CSS

Modele uma forma diretamente na tela de desenho. Arraste os vértices do polígono, explore formas arredondadas e exporte CSS ou um SVG.

Prévia em tempo real

Arraste um vértice ou mova-o com as teclas de seta; Shift move em passos de 10%. Delete remove o vértice.

clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);

Tudo permanece no seu navegador.

Referências de formatos

MDN — clip-path

Página da ferramenta atualizada: 2026-10-24