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 CSS Grid

Monte layouts CSS Grid responsivos com visualização ao vivo e código pronto para copiar.

Gerador de Keyframes CSS

Crie keyframes CSS personalizados visualmente com preview ao vivo e codigo pronto para copiar.

Gerador de Texto com Gradiente CSS

Crie estilos de texto com gradiente usando controles visuais, preview ao vivo e CSS pronto para copiar.

Gerador de animacoes CSS

Crie animacoes CSS reutilizaveis com visualizacao de movimento e keyframes prontos para copiar.

Calculadora de duracao do tempo

Calcule o tempo entre duas datas ou adicione/subtraia uma duracao de uma data e hora.

PDF para WebP

Converta paginas PDF em imagens WebP de alta qualidade no navegador.

JPG para PDF

Converta imagens JPG em um unico documento PDF.

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.