ToolPilot
Design

Gerador de Clip-Path CSS

Crie clip-paths de polígono, círculo e formas com predefinições e pontos editáveis.

Corte elementos em triângulos, hexágonos, estrelas e polígonos personalizados. A pré-visualização em tempo real atualiza-se à medida que edita a lista de pontos e o CSS fica pronto a colar.

Carregando a ferramenta…
Privacidade: Um utilitário ToolPilot rápido e privado. Seus dados são processados localmente no seu navegador sempre que possível.

Como

  1. 1Escolha uma predefinição ou comece com um polígono.
  2. 2Edite os pontos na área de texto.
  3. 3Copie o CSS do clip-path.

Perguntas frequentes

Posso animar o clip-path?

Sim. Os navegadores conseguem fazer transições entre formas de polígono compatíveis com o mesmo número de pontos.

Os meus ficheiros são enviados para um servidor?

Não. Esta ferramenta funciona inteiramente no seu navegador com JavaScript e WebAssembly quando necessário. Os seus ficheiros e textos nunca saem do seu dispositivo.

Ajude-nos a melhorar

Melhoramos nossas ferramentas regularmente. Encontrou um problema ou tem uma sugestão? Estamos ouvindo.

Ferramentas relacionadas

🎨

Seletor de cores + HEX/RGB/HSL

🎯

Conversor HEX / RGB / HSL

🌈

Gerador de paletas

🌊

Gerador de gradientes CSS