Generador de ruta de clip CSS
Cree trazados de clip de forma y polígonos con una vista previa interactiva. Ideal para formas de héroes y máscaras de imágenes.
CSS Clip Path Generator
LiveCSS output
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
Key capabilities
- Cree trazados de clip de forma y polígonos con una vista previa interactiva.
- Se ejecuta en tu navegador
- Gratis para usar
Cómo usar
- Elija una forma preestablecida o puntos poligonales.
- Ajuste los puntos según sea necesario.
- Copie el CSS de la ruta del clip.
How this tool works
- Elija una forma preestablecida o puntos poligonales.
- Ajuste los puntos según sea necesario.
- Copie el CSS de la ruta del clip.
Recommended settings
- Utilice primero las opciones predeterminadas y luego ajústelas si es necesario
Supported formats
Text / on-page input
File size and limits
- Las vistas previas multicapa muy complejas pueden parecer más lentas en teléfonos más antiguos.
Privacy
Los generadores de color y CSS se ejecutan completamente en su navegador. Las vistas previas y las conversiones nunca cargan tus estilos.
Common use cases
- Utilice el generador de rutas de clip CSS siempre que lo necesite: cree rutas de clip de polígonos y formas con una vista previa interactiva.
Troubleshooting
La vista previa se ve diferente después de pegar
Verifique si hay CSS competitivo en su página (restablecimientos, colores heredados). Primero copie la regla generada en una hoja de estilo aislada.
Preguntas frecuentes
¿Esto carga mi CSS?
No. Los generadores y convertidores se ejecutan en su navegador con vista previa en vivo.
¿Necesito una cuenta?
No. Abra la herramienta, modifique los controles y copie el CSS.
Herramientas relacionadas
CSS Triangle Generator
Generate CSS triangles with border tricks — direction, size, and color.
Open toolBorder Radius Generator
Control each corner independently and preview rounded shapes with copy-ready CSS.
Open toolCSS Gradient Generator
Build linear, radial, and conic gradients with live preview and copy-ready CSS.
Open tool