Border-radius, les jolis petits boutons arrondis

Par:

CSS

Les boutons avec border-radius sont tendances en ce moment et ils sont également très simples à réaliser. Il vous suffit juste d’ajouter cette ligne de code à votre élément <div>, <a> ou <section> :

border-radius: 50px;

Par la suite, il vous suffit juste de les rendre plus jolis grâce à un background ou un border, voici quelques exemples (d’ailleurs n’hésitez pas à analyser le code) :

See the Pen Border Radius by Arnaud (@arduinaud) on CodePen.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *