Diseño

Generador CSS clip-path

Crea un CSS clip-path poligonal a partir de coordenadas porcentuales.

01Datos y ajustes

El cálculo se realiza en tu navegador, sin instalar programas.

02Resultado

Esperando datos
Esperando datos

Introduce los valores o carga el ejemplo para ver el resultado.

Acerca de esta herramienta: Generador CSS clip-path

Crea un CSS clip-path poligonal a partir de coordenadas porcentuales.

Las operaciones dependen del formato. Los caracteres y la sintaxis admitidos aparecen en la descripción y el ejemplo.

Método de cálculo

clip-path: polygon(x₁% y₁%, x₂% y₂%, …)

Ejemplo explicado

Puntos x; y en %, uno por línea
50; 0
100; 50
50; 100
0; 50
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);

Preguntas y respuestas

¿Qué hace esta herramienta?

Crea un CSS clip-path poligonal a partir de coordenadas porcentuales. Las operaciones dependen del formato. Los caracteres y la sintaxis admitidos aparecen en la descripción y el ejemplo.

¿Qué afecta a la precisión y al formato?

Las operaciones dependen del formato. Los caracteres y la sintaxis admitidos aparecen en la descripción y el ejemplo.

¿Dónde se realizan los cálculos?

El cálculo se realiza en tu navegador, sin instalar programas.

Comentarios (0)

Comparte tu opinión — por favor, sé amable y mantente en el tema.

Aún no hay comentarios. Deja un comentario y comparte tu opinión!

Para dejar un comentario, inicia sesión.

Inicia sesión para comentar