Border-radius et une image ovale

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Border-radius et une image ovale

Message par thaom melcrudak le Dim 27 Juil 2014 - 3:34

Bonjour,

J'essaie de mettre un border-radius à une image ovale mais il reste toujours un espace entre le contour et l'image, pourtant j'utilise la moitié des dimensions de mon image. Enfin, presque puisque mon image fait 66 x 151 alors j'ai inscrit 33 x 75px. voici mon code css

Spoiler:
.opac1-8 {
opacity : 0.50;
-moz-opacity : 0.50;
-ms-filter: "alpha(opacity=10)"; /* IE 8 */
filter : alpha(opacity=10); /* IE < 8 */
-webkit-transition: all 1s ease; /* pour navigateur webkit */
-moz-transition: all 1s ease; /* pour navigateur mozilla */
-o-transition: all 1s ease; /* pour navigateur opera */
transition: all 1s ease; /* pour les navigateurs récents */
overflow:hidden;
-webkit-border-radius:33px / 75px;
-moz-border-radius:33px / 75px;
border-radius:33px / 75px;
width:66px;
height:151px;
box-shadow: #b8babf 0px 0px 5px;
transition: all 1s ease; /* pour les navigateurs récents */
}

merci


Dernière édition par thaom melcrudak le Dim 27 Juil 2014 - 21:08, édité 1 fois

thaom melcrudak
***

Féminin
Messages : 123
Inscrit(e) le : 12/01/2014

http://www.ildir.purforum.com
thaom melcrudak a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Border-radius et une image ovale

Message par MasDan le Dim 27 Juil 2014 - 18:28

Bonjour,

Par sûr de vraiment saisir votre problème mais remplacer ceci
Code:
-webkit-border-radius:33px / 75px;
-moz-border-radius:33px / 75px;
border-radius:33px / 75px;
par cela
Code:
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;

Si le problème persiste, un lien ou une capture d'écran, nous aiderais grandement.

MasDan
*****

Masculin
Messages : 797
Inscrit(e) le : 24/05/2011

http://projetaum2.forumactif.com/
MasDan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Border-radius et une image ovale

Message par thaom melcrudak le Dim 27 Juil 2014 - 18:36

Le problème persiste toujours, voici donc une capture d'écran



Je souhaite simplement avoir un contour avec ombre portée, mais un espace entre mes images et le contour subsiste.

merci de votre réponse ^^

thaom melcrudak
***

Féminin
Messages : 123
Inscrit(e) le : 12/01/2014

http://www.ildir.purforum.com
thaom melcrudak a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Border-radius et une image ovale

Message par thaom melcrudak le Dim 27 Juil 2014 - 21:07

Problème résolu, merci de votre temps! Smile

thaom melcrudak
***

Féminin
Messages : 123
Inscrit(e) le : 12/01/2014

http://www.ildir.purforum.com
thaom melcrudak a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum