Gerador de raio de borda
Uma ferramenta Gerador de CSS de raio de borda para gerar rapidamente declarações CSS de raio de borda.
Preview
Saída CSS
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
Controles de caminho de clipe
Formas básicas
Propriedades da forma
0%
0%
100%
100%
Animation
0s
Presets
Rectangle
Circle
Ellipse
Triangle
Diamond
Pentagon
Hexagon
Heart
Modo de Utilização
Controles básicos
- Selecione uma forma básica no painel Seleção de Forma
- Ajustar parâmetros de forma usando os controles deslizantes de intervalo
- Arraste os pontos de controle na visualização para remodelar o caminho do clipe
- Adicionar pontos a formas personalizadas usando o modo Adicionar pontos
Recursos avançados
- Salve e carregue predefinições para acesso rápido às suas formas favoritas
- Animar os caminhos do clipe com duração, atenuação e iterações personalizadas
- Copie o código CSS gerado e cole-o em seu projeto
- Alterne o modo escuro para um design confortável tarde da noite
Related Tools
Conversor de caneta para CSS
Transforme seu código SCSS em CSS. Rápido, fácil e seguro.
Conversor SCSS para CSS
Transforme seu código SCSS em CSS. Rápido, fácil e seguro.
Conversor de Sass para CSS
Transforme seu código Sass em CSS. Rápido, fácil e seguro.
Texto para ASCII
Converta texto em código ASCII sem esforço
Pantone para CMYK
Converter cores Pantone em valores CMYK para design de impressão
Conversor de Número para Palavra
Converta valores numéricos em suas representações de palavras em vários idiomas