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
Gerador de transição CSS3
Transição suave de opacidade
Conversor SCSS para CSS
Transforme seu código SCSS em CSS. Rápido, fácil e seguro.
Crie um belo gradiente de texto CSS sem esforço
Crie efeitos de texto gradiente impressionantes para o seu site
Conversor de unidade de peso
Converta entre diferentes unidades de peso com precisão para suas necessidades culinárias, físicas e científicas
Calculadora de hash SHA-256
Gere hashes SHA-256 de forma rápida e fácil
Calculadora de intervalo de confiança
Calcule intervalos de confiança para seus dados de amostra com precisão e facilidade.