Editor de clip-path CSS

Edite os pontos ou os recuos e exporte um clip-path verificado.

  • Funciona no navegador
  • Sem upload
  • Confira antes de baixar

Os dados de entrada ficam nesta aba, sem envio nem salvamento automático. As contagens agregadas de uso e os diagnósticos gerais de processamento são opcionais e só são enviados com o seu consentimento, sem conteúdo nem nomes de arquivos. Limpar ou fechar apaga os dados; salve antes os resultados de que precisar.

Limites de recursos

Polígono em porcentagem: de 3 a 32 pontos, com X e Y de 0 a 100. Quatro recuos de 0 a 100%, sem caixa invertida; raio de 0 a 50%. Use campos numéricos ou as setas nos pontos. A prévia é local e limitada, sem garantia de funcionar igual em todos os navegadores e layouts. Suas entradas nunca são executadas. Baixe o HTML e o CSS juntos. Limite de tempo: 8 segundos.

Ponto 1
Ponto 2
Ponto 3

Como usar

  1. Configure o exemplo

    Escolha um polígono e edite X e Y nos campos, arrastando ou com as setas. Adicione ou remova pontos; o inset oferece quatro bordas e cantos. Clique em Gerar para validar e ver a prévia.

  2. Verifique antes de usar

    Os dados de entrada ficam nesta aba, sem envio nem salvamento automático. As contagens agregadas de uso e os diagnósticos gerais de processamento são opcionais e só são enviados com o seu consentimento, sem conteúdo nem nomes de arquivos. Limpar ou fechar apaga os dados; salve antes os resultados de que precisar. Polígono em porcentagem: de 3 a 32 pontos, com X e Y de 0 a 100. Quatro recuos de 0 a 100%, sem caixa invertida; raio de 0 a 50%. Use campos numéricos ou as setas nos pontos. A prévia é local e limitada, sem garantia de funcionar igual em todos os navegadores e layouts. Suas entradas nunca são executadas. Baixe o HTML e o CSS juntos. Limite de tempo: 8 segundos.

  3. Exporte o resultado verificado

    Baixar resultado; Baixar original

Perguntas e limites

Limites de recursos

Polígono em porcentagem: de 3 a 32 pontos, com X e Y de 0 a 100. Quatro recuos de 0 a 100%, sem caixa invertida; raio de 0 a 50%. Use campos numéricos ou as setas nos pontos. A prévia é local e limitada, sem garantia de funcionar igual em todos os navegadores e layouts. Suas entradas nunca são executadas. Baixe o HTML e o CSS juntos. Limite de tempo: 8 segundos.

Design offline

Os dados de entrada ficam nesta aba, sem envio nem salvamento automático. As contagens agregadas de uso e os diagnósticos gerais de processamento são opcionais e só são enviados com o seu consentimento, sem conteúdo nem nomes de arquivos. Limpar ou fechar apaga os dados; salve antes os resultados de que precisar.

Verifique antes de usar

Escolha um polígono e edite X e Y nos campos, arrastando ou com as setas. Adicione ou remova pontos; o inset oferece quatro bordas e cantos. Clique em Gerar para validar e ver a prévia.