Gerador de Border-Radius Online, por que você não é obrigado a decorar tudo! ;D
O Gerador de bordas arredondadas no CSS foi desenvolvido em Javascript, qualquer dúvida, problema ou sugestão, por favor faça um comentário.
Definição: é uma propriedade do CSS utilizada para arredondar as bordas de um elemento.
Sendo border-radius uma abreviação para:
Suportado pelos navegadores / versões:
| Chrome | >= 5.0 |
| Mozilla | >= 4.0 |
| Internet Explorer | >= 9.0 |
| Safari | >= 5.0 |
| Opera | >= 10.5 |
Se você especificar apenas um valor para a propriedade do border-radius, esse raio será aplicado a todos os 4 cantos.
No entanto, você pode especificar cada canto separadamente, se desejar. Aqui estão as regras:
Quatro valores: o primeiro valor se aplica à parte superior esquerda, o segundo valor se aplica ao canto superior direito, o terceiro valor se aplica ao canto inferior direito e o quarto valor se aplica ao canto inferior esquerdo
Três valores: o primeiro valor aplica-se ao superior esquerdo, o segundo valor se aplica ao canto superior direito e inferior esquerdo e o terceiro valor se aplica ao canto inferior direito
Dois valores: o primeiro valor aplica-se ao canto superior esquerdo e inferior direito e o segundo valor aplica-se ao canto superior direito e inferior esquerdo
Um valor: os quatro cantos são arredondados igualmente
Objetivo é gerar o código já abreviado, diferente de outras ferramentas que geram todas as declarações, criando um peso morto desnecessário para a sua aplicação.
E claro o mais importante também é você decorar a sintaxe e utilizar esta página apenas para validar visualmente alguns testes.
Observação: você não precisa das versões da propriedade para WebKit e Gecko pois todos os navegadores modernos suportam o CSS 3.
Não obrigatórios
Módulo gratuito Roger_CnpjAlfanumerico que aplica máscara e validação do novo CNPJ alfanumérico no checkout e formulários do Magento 2 e…
A partir de 06/07/2026 a Receita passa a emitir CNPJ alfanumérico. Conheça o plugin grátis que aplica máscara e validação…
Para remover um módulo do Magento 2, siga os passos abaixo: 1. Desabilitar o módulo Primeiro, desabilite o módulo usando…
Para cancelar 100% do pedido e criar um crédito para todos os itens através da API REST do Magento 2,…
No Magento 2, a quantidade "reservada" na "Salable Quantity" é gerenciada principalmente pelos módulos MSI (Multi-Source Inventory). A "Salable Quantity"…
Como corrigir o erro ao acessar o Admin do Magento 2. Mesmo após fazer o login, permanece na tela de…
Ver comentários
muito bacana, parabéns