Generador de Clip-Path CSS
Opciones
editor de polígonos de 8 puntos
P1
P2
P3
P4
P5
P6
P7
P8
Estado
inactivo
Vista previa en vivo
Preview
¿Qué es el generador de Clip-Path CSS?
Esta herramienta le ayuda a crear y analizar valores de `clip-path` CSS para formas comunes.
Es útil para tarjetas con formas, secciones de héroes, máscaras, botones y diseños de interfaz creativos.
Cómo utilizar el generador de Clip-Path CSS
- Elija un tipo de forma como polígono, círculo, elipse o recuadro.
- Ajuste los valores o pegue un valor `clip-path` existente.
- Utilice la vista previa en vivo para inspeccionar el resultado visualmente.
- Copie el valor `clip-path` generado en su CSS.
Consejos
- Polygon es útil para formas personalizadas de múltiples puntos.
- El círculo y la elipse funcionan bien para avatares, insignias y efectos de foco.
- El recuadro es útil para recortar esquinas y contenido enmarcado.
- Pegue un valor `clip-path` existente para analizarlo y editarlo rápidamente.
Herramientas relacionadas
Estas herramientas también pueden resultarle útiles.
Convertidor de colores
Convierta colores HEX, RGB, RGBA y HSL instantáneamente en su navegador.
Utilidades varias
›
Generador de gradiente CSS
Genere, analice y obtenga una vista previa de degradados lineales y radiales CSS en línea. Generador de gradientes gratuito para desarrolladores y diseñadores.
Utilidades varias
›
Generador/analizador de Box Shadow CSS
Genere, analice y previsualice valores de `box-shadow` CSS en línea. Ajuste offset, blur, spread, color e `inset`.
Utilidades varias
›
Codificador/decodificador de entidades HTML
Codifique y decodifique entidades HTML instantáneamente en su navegador.
Codificación y seguridad
›
Preguntas frecuentes sobre Clip-Path CSS
¿Puede esta herramienta generar valores `clip-path` de polígonos?
Sí. Puede crear y previsualizar formas `clip-path` poligonales.
¿Admite `clip-path` de círculo y elipse?
Sí. Se admiten círculos y elipses.
¿Puedo analizar un valor `clip-path` existente?
Sí. Pegue un valor `clip-path` compatible y se volverá a cargar en campos editables.
¿Esta herramienta es gratuita?
Sí. Es de uso gratuito en línea.