Design

Gerador CSS clip-path

Crie um CSS clip-path poligonal com coordenadas percentuais.

01Dados e definições

O cálculo é feito no navegador, sem instalar programas.

02Resultado

À espera de dados
À espera de dados

Introduza valores ou carregue o exemplo para ver o resultado.

Sobre esta ferramenta: Gerador CSS clip-path

Crie um CSS clip-path poligonal com coordenadas percentuais.

As operações dependem do formato. Os caracteres e a sintaxe permitidos constam da descrição e do exemplo.

Método de cálculo

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

Exemplo explicado

Pontos x; y em %, um por linha
50; 0
100; 50
50; 100
0; 50
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);

Perguntas e respostas

O que faz esta ferramenta?

Crie um CSS clip-path poligonal com coordenadas percentuais. As operações dependem do formato. Os caracteres e a sintaxe permitidos constam da descrição e do exemplo.

O que afeta a precisão e o formato?

As operações dependem do formato. Os caracteres e a sintaxe permitidos constam da descrição e do exemplo.

Onde são efetuados os cálculos?

O cálculo é feito no navegador, sem instalar programas.

Comentários (0)

Compartilhe sua opinião — por favor, seja educado e mantenha-se no tema.

Ainda não há comentários. Deixe um comentário e compartilhe sua opinião!

Para deixar um comentário, faça login.

Faça login para comentar