Étiquette : Webdesign

Créer des cercles avec CSS3 avec support multi-navigateurs
Logiciels

Créer des cercles avec CSS3 avec support multi-navigateurs

Lorsqu'on est graphiste web on peut être amené à utiliser des formes à bordures arrondies dans les créations. Mais voilà au moment de passer à l'intégration de la maquette pour créer le site internet, l'intégrateur Web doit utiliser la propriété appelée border-radius : faire des cercles n'a jamais été aussi facile qu'avec CSS3. Voici la propriété CSS avec la valeur qui rend éléments ressemblant à un cercle : border-radius: 50%; Par exemple, si vous voulez faire un élément qui ressemble à un cercle sa hauteur et la largeur doivent être égaux. Si la hauteur et la largeur de l'élément ne sont pas égaux, vous obtiendrez un ovale. img { border-radius: 50%; } Pour le support multi-navigateurs le modèle doit être complété par des préfixes différents suivant le fournisseur de border-radius ...