Bordas arredondadas em CSS3 - Exemplos

05/08/2016

301

Fala, pessoal. Tudo bem?

No artigo que publiquei recentemente expliquei como utilizar a propriedade border-radius das CSS3 para criar bordas arredondadas: CSS3: Border-radius.

Abri esse tópico para que possamos compartilhar outros exemplos de uso desse recurso, com base nas experiências de cada um.

Tem uma dica, comentário, exemplo? Poste aqui =)
Responder

Post mais votado

05/08/2016

Para facilitar a criação de elementos circulares, podemos criar uma classe com border-radius 100%, da seguinte forma:

.circular {
  border-radius: 100%
}


A partir daí, é só usar o .circular nos elementos desejados.
Responder

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários. Para saber mais sobre o uso de cookies,
consulte nossa política de privacidade. Ao continuar navegando em nosso site, você concorda com a nossa política.

Aceitar