Generador de Clip-Path CSS
Crea formas CSS con clip-path: círculos, elipses, polígonos y recortes. Vista previa en tiempo real. Código CSS listo para copiar. 100% en tu navegador.
Referencia
¿Qué es clip-path?
La propiedad clip-path de CSS recorta un elemento según una forma geométrica, ocultando las partes fuera de la región definida. Permite crear diseños creativos con círculos, elipses, polígonos y recortes rectangulares sin necesidad de imágenes.
Formas disponibles
circle() — recorte circular definido por radio y posición central. ellipse() — recorte elíptico con radios horizontal y vertical. inset() — recorte rectangular con valores de desplazamiento y border-radius opcional. polygon() — forma libre definida por una lista de puntos x,y, ideal para triángulos, estrellas, flechas y más.
Privacidad
Todo el procesamiento se ejecuta 100% en tu navegador. No se envían datos a ningún servidor.