Generador de clip-path CSS
Elige entre un conjunto de formas comunes (círculo, elipse, triángulo, pentágono, hexágono, estrella, burbuja de mensaje, flecha) con vista previa en vivo, y luego copia el valor CSS clip-path exacto listo para usar en tu proyecto.
Herramientas de Diseño y CSS Funciona completamente en tu navegador
Todo el procesamiento se realiza en tu dispositivo — no se envía nada a un servidor.
Forma
Código CSS
clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
Continuar con
Herramientas relacionadas
¿Listo para probar Uddatak?
Explora la biblioteca completa de herramientas y empieza a usar lo que necesitas ahora mismo — gratis, sin registro.
Explorar todas las herramientas