Por que esta ferramenta é útil
Crie protótipos de emblemas, avatares, máscaras de imagem e painéis decorativos sem editar manualmente pares de coordenadas ou confiar em CSS colado arbitrário.
Design e CSS · é executado localmente
Gerador de Formas de Recorte CSS
Escolha uma predefinição geométrica delimitada e produza um polygon de clip-path pronto para padrões, com uma pré-visualização de cor em tempo real e sem dados de design carregados.
Pronto. Os seus dados de trabalho permanecem neste navegador.
Como funciona o sistema
Um registo local fixo mapeia cada forma nomeada para coordenadas percentuais revistas; apenas o predefinido selecionado e a cor validada chegam à declaração gerada.
Exemplo prático
Selecione Hexagon para mascarar um bloco de campanha laranja com seis lados equilibrados e, em seguida, cole o polígono emitido na classe existente do bloco.
Validação
O cálculo é determinístico e explica os erros de validação em vez de alterar silenciosamente a entrada inválida.
Limite de privacidade
A entrada e a saída permanecem nesta aba. Copiar e baixar acontecem por meio das APIs do navegador, sem envio ao servidor.
Passaporte de resultado
Cada execução registra o modo da ferramenta, o carimbo de data e hora e o tamanho de entrada/saída para que os dados transformados possam ser auditados.