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 de Sass para CSS
Transforme seu código Sass em CSS. Rápido, fácil e seguro.
Minificador CSS
Comprima e otimize seu código CSS com precisão profissional
Gere texto fictício para seus designs
Crie um texto de espaço reservado realista para seus sites, aplicativos e documentos com nosso gerador Lorem Ipsum.
Conversor de Unidade de Volume
Converta entre diferentes unidades de volume com precisão para suas necessidades culinárias, de engenharia e científicas
Calculadora de hash SHA-384
Gere hashes SHA-384 de forma rápida e fácil