Editor de clip-path CSS

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

  • Funciona no navegador
  • Sem envio
  • Verifique antes de transferir

Os dados de entrada ficam neste separador, sem envio ou gravação automática. As contagens agregadas de utilização e os diagnósticos gerais de processamento são opcionais e enviados apenas com consentimento, sem conteúdo nem nomes de ficheiros. Limpar ou fechar elimina os dados; guarde primeiro os resultados necessários.

Limites de recursos

Polígono em percentagem: 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 os campos numéricos ou as setas nos pontos. A pré-visualização local é limitada e não garante o mesmo resultado em todos os navegadores e disposições. As entradas não são executadas. Transfira o HTML e o CSS em conjunto. Limite: 8 segundos.

Ponto 1
Ponto 2
Ponto 3

Como utilizar

  1. Configurar o exemplo

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

  2. Verificar antes de utilizar

    Os dados de entrada ficam neste separador, sem envio ou gravação automática. As contagens agregadas de utilização e os diagnósticos gerais de processamento são opcionais e enviados apenas com consentimento, sem conteúdo nem nomes de ficheiros. Limpar ou fechar elimina os dados; guarde primeiro os resultados necessários. Polígono em percentagem: 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 os campos numéricos ou as setas nos pontos. A pré-visualização local é limitada e não garante o mesmo resultado em todos os navegadores e disposições. As entradas não são executadas. Transfira o HTML e o CSS em conjunto. Limite: 8 segundos.

  3. Exportar o resultado verificado

    Transferir resultado; Transferir original

Perguntas e limites

Limites de recursos

Polígono em percentagem: 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 os campos numéricos ou as setas nos pontos. A pré-visualização local é limitada e não garante o mesmo resultado em todos os navegadores e disposições. As entradas não são executadas. Transfira o HTML e o CSS em conjunto. Limite: 8 segundos.

Design offline

Os dados de entrada ficam neste separador, sem envio ou gravação automática. As contagens agregadas de utilização e os diagnósticos gerais de processamento são opcionais e enviados apenas com consentimento, sem conteúdo nem nomes de ficheiros. Limpar ou fechar elimina os dados; guarde primeiro os resultados necessários.

Verificar antes de utilizar

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