Gerador de Clip-Path CSS
Opções
Editor de polígono de 8 pontos
P1
P2
P3
P4
P5
P6
P7
P8
Estado
Inativo
Visualização ao vivo
Preview
O que é o gerador de Clip-Path CSS?
Esta ferramenta ajuda a construir e analisar valores de clip-path CSS para tipos de formas comuns.
É útil para cartões moldados, seções de heróis, máscaras, botões e layouts de front-end criativos.
Como usar o gerador de clip-path CSS
- Escolha um tipo de forma como polígono, círculo, elipse ou inserção.
- Ajuste os valores ou cole um valor de clip-path existente.
- Use a visualização ao vivo para inspecionar visualmente o resultado.
- Copie o valor do clip-path gerado em seu CSS.
Dicas
- Polígono é útil para formas multiponto personalizadas.
- Círculo e elipse funcionam bem para avatares, emblemas e efeitos de destaque.
- A inset é útil para cantos cortados e conteúdo emoldurado.
- Cole um valor de clip-path existente para analisá-lo e editá-lo rapidamente.
Ferramentas relacionadas
Você também pode achar essas ferramentas úteis.
Conversor de cores
Converta cores HEX, RGB, RGBA e HSL instantaneamente em seu navegador.
Utilitários Diversos
›
Gerador de gradiente CSS
Gere, analise e visualize gradientes lineares e radiais CSS online. Gerador de gradiente gratuito para desenvolvedores e designers.
Utilitários Diversos
›
Gerador / Parser de Box Shadow CSS
Gere, analise e visualize valores de `box-shadow` CSS. Ajuste offset, blur, spread, cor e `inset`.
Utilitários Diversos
›
Codificador/Decodificador de Entidade HTML
Codifique e decodifique entidades HTML instantaneamente em seu navegador.
Codificação e Segurança
›
Perguntas frequentes sobre Clip-Path CSS
Esta ferramenta pode gerar valores poligonais de clip-path?
Sim. Você pode criar e visualizar formas poligonais com clip-path.
Ele suporta clip-path de círculo e elipse?
Sim. Círculo e elipse são suportados.
Posso analisar um valor de clip-path existente?
Sim. Cole um valor de clip-path compatível e ele será carregado novamente em campos editáveis.
Esta ferramenta é gratuita?
Sim. O uso online é gratuito.