Generador de rutas de recorte CSS

Da forma directamente sobre el lienzo. Arrastra los vértices del polígono, explora formas redondeadas y exporta CSS o un SVG.

Vista previa en tiempo real

Arrastra un vértice o muévelo con las teclas de flecha; Shift lo mueve un 10%. Delete lo elimina.

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

Todo permanece en tu navegador.

Referencias de formatos

MDN — clip-path

Página de la herramienta actualizada: 2026-10-24