[Résolu] Border radius

Bonjour,

Je voudrais faire un border-radius sur une photo, mais cela ne fonctionne pas.

Dois-je travailler la photo avant?

voilà le code css

.cadre_index {
  border-radius: 50px 20px 20px 100px;
}

sous aucuns navigateur cela ne fonctionne.

Merci
Modifié par WiseFun (29 Jan 2012 - 19:28)

Salut,

Ne pas oublier les préfixes vendeurs:

dew a écrit :
-o- pour Opera
-moz- pour Gecko (Mozilla)
-webkit- pour Webkit (Chrome, Safari, Android...)
-ms- pour Microsoft (Internet Explorer)
-khtml- pour KHTML (Konqueror)

D'autre part, la class doit être appliquée à l'image :

<img src="" alt="" class="cadre_index"/>

Hello WiseFun,

Pour ajout un complément à la réponse de jmlapam, si ton image se trouve dans un conteneur comme ceci :

<div class="cadre_index">
     <img src="mon_image.jpg" />
</div>

Il faut alors ajouter overflow à ta class (appliqué au div) :

.cadre_index {
     border-radius: 50px 20px 20px 100px;
     overflow: hidden;
}

Modifié par Skol (29 Jan 2012 - 18:46)

Bonsoir jmlapam et Skol.

tous fonctionne.

un grand Merci sincèrement.

WiseFun