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 SCSS para CSS
Transforme seu código SCSS em CSS. Rápido, fácil e seguro.
Gerador de transição CSS3
Transição suave de opacidade
Conversor de Sass para CSS
Transforme seu código Sass em CSS. Rápido, fácil e seguro.
Ferramenta on-line do gerador de colunas CSS
Crie e visualize funções personalizadas de easing CSS
Calculadora de probabilidade
Calcule probabilidades para vários cenários com nossa calculadora de probabilidade abrangente.
Conversor de unidade de velocidade
Converta entre diferentes unidades de velocidade com precisão para suas necessidades de engenharia, científicas e diárias