chevron_right

Gerador CSS Clip-Path

Gere formas CSS clip-path com prévia ao vivo.

Forma

CircleEllipseInsetTriangleHexagonDiamondPentagonStarArrow

Parâmetros

Radius: 50

Center X: 50

Center Y: 50

CSS gerado

clip-path: circle(50% at 50% 50%);

Ferramentas semelhantes

Gerador de Border Radius

Controle visualmente o arredondamento de cantos e copie o CSS.

Gerador de gradientes

Crie gradientes CSS visualmente com pré-visualização ao vivo.

Gerador de Box Shadow

Crie sombras CSS visualmente com prévia em tempo real.

Gerador de text-shadow

Crie efeitos de CSS text-shadow com pré-visualização ao vivo.

Validador XML

Valide a sintaxe XML e veja uma árvore de elementos recolhível com detalhes de erro.

Recortar vídeo

Corte e recorte clipes de vídeo para um horário inicial e final específico no navegador.

Conversor de hexadecimal para binario

Converta valores hexadecimais em saida binaria.

apps

Mais ferramentas

Explore nossa colecao completa de ferramentas online gratuitas.

Dê forma aos elementos visualmente sem posicionar pontos na mão

clip-path permite criar silhuetas marcantes, mas editar polígonos manualmente costuma ser desconfortável. Este gerador ajuda você a testar formas comuns visualmente e copiar o CSS quando o recorte estiver bom.

Quando isso ajuda mais

Ele é ótimo para máscaras de imagem, cartões com formatos diferentes e efeitos decorativos em seções. Antes de considerar o CSS final, vale verificar como a forma se comporta com texto, imagens e diferentes tamanhos de tela.