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.

Analisador de frequências

Analisador de frequências de áudio em tempo real para o seu microfone. Visualize o espectro ao vivo com FFT no seu navegador.

Recortador de áudio

Recorte arquivos de áudio com um horário de início e fim específicos. Ouça a região selecionada e baixe em WAV.

Gerador de Blobs SVG

Crie formas de blob orgânicas e aleatórias como SVG limpo com controle total sobre complexidade, aleatoriedade, cores e preenchimentos com gradiente.

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.