Clip-path
Recorta elementos con formas CSS: polígono, círculo y elipse. Copia el clip-path, gratis y sin registro.
Resultado
¿Cómo usar esta herramienta?
Recorta elementos con formas (polígono, círculo, elipse).
Escribe tus datos, pulsa Generar CSS y obtén el resultado al instante. Puedes copiarlo con el botón «Copiar resultado». Todo se calcula en tu navegador: tus datos no salen de tu dispositivo.
Preguntas frecuentes
¿Cómo recorto con clip-path?
Elige la forma (polígono, círculo, elipse) y el color; pulsa Generar CSS para obtener el clip-path listo para copiar.
¿Qué hace clip-path?
Recorta la forma visible de un elemento con CSS: el contenido fuera de la forma se oculta.
¿Es compatible?
Sí, funciona en los navegadores modernos; es una propiedad estándar de CSS.
¿Mis datos están seguros?
Sí. Todo se procesa en tu navegador y nada de lo que escribes sale de tu dispositivo.
Herramientas relacionadas de Color y diseño
Scrollbar CSS
Personaliza la barra de desplazamiento: colores, ancho y radio para WebKit y Firefox.
Usar gratisBreakpoints responsive
Medidas estándar para diseño responsive con media queries listas para copiar.
Usar gratisBadges CSS
Crea insignias y píldoras (badges) con CSS: colores, texto y forma a tu gusto.
Usar gratisTooltips CSS
Tooltips con CSS puro, sin JavaScript: colores, posición y texto a tu gusto.
Usar gratisAcordeón CSS
Acordeón desplegable con CSS puro, sin JavaScript: define tus secciones y copia el HTML+CSS.
Usar gratisHEX a RGB
Convierte cualquier color hexadecimal a sus valores RGB al instante.
Usar gratis