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.
JSON Editor
Edite Big JSON com Facilidade - Rápido e Suave
Conversor de Sass para CSS
Transforme seu código Sass em CSS. Rápido, fácil e seguro.
Texto para Octal
Converta texto em representação octal sem esforço