Generador visual de clip-path CSS
Diseña recortes CSS con vista previa en vivo.
Formas predefinidas
Arrastra un punto para cambiar la forma; haz doble clic para eliminarlo.
El nuevo punto aparece en el lado más largo. Toca un punto para seleccionarlo y luego elimínalo si quieres.
Fondo de vista previa
La imagen permanece en el navegador; no se sube al servidor.
CSS
Clase Tailwind
Acerca de esta herramienta
Elige una forma y mueve sus puntos o controles para definir qué parte de un elemento será visible. La vista previa permite experimentar con imágenes y fondos antes de copiar el código.
La herramienta genera la propiedad CSS clip-path y una alternativa para Tailwind cuando corresponde. Revisa compatibilidad del navegador, accesibilidad del contenido recortado y el resultado a diferentes tamaños.