Image opacité
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Image opacité
Bonjour bonjour,
Alors voilà je fais un message d'accueil, et sur plusieurs forums je vois des images de faible opacité et quand on passe la souris dessus elle a beaucoup plus d'opacité, enfin bref trouvant ça joli j'aimerais savoir comme fait-on (:
Merci d'avance à celle ou celui qui saura me répondre... ♥
Alors voilà je fais un message d'accueil, et sur plusieurs forums je vois des images de faible opacité et quand on passe la souris dessus elle a beaucoup plus d'opacité, enfin bref trouvant ça joli j'aimerais savoir comme fait-on (:
Merci d'avance à celle ou celui qui saura me répondre... ♥
Dernière édition par Feuille d'Or le Ven 23 Aoû 2013 - 13:23, édité 1 fois
Re: Image opacité
Bonjour,
Il faut utiliser la propriété d'opacité + transition dans ton CSS:
http://www.alsacreations.com/tuto/lire/873-transitions-css3-animations.html
Il faut utiliser la propriété d'opacité + transition dans ton CSS:
http://www.alsacreations.com/tuto/lire/873-transitions-css3-animations.html
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Image opacité
Euh c'ets à dire, parce que je suis un peu perdue avec le site donné =/
Re: Image opacité
Tu as ton image ainsi, que j'ai appelé cobaye pour que tu comprennes ce qu'on va en faire :
Donc là, par défaut :
Attention tout de même, là je t'ai donné des propriétés raccourcies, mais si tu veux bien faire, il faut les adapter pour chaque navigateur avec -moz et compagnie ^^
- Code:
<img src="http://bidule.png" class="cobaye" />
Donc là, par défaut :
- Code:
img.cobaye {opacity:0.5;}
- Code:
img.cobaye:hover {opacity:1;
transition:all 0.5s;}
Attention tout de même, là je t'ai donné des propriétés raccourcies, mais si tu veux bien faire, il faut les adapter pour chaque navigateur avec -moz et compagnie ^^
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Image opacité
Super merci ça marche, oh je suis trop contente grâce à forum actif je vais pouvoir faire le message d'accueil que je souhaitais faire depuis super longtemps ^^ ♥
Sujets similaires
» Opacité sur image.
» Opacité d'une image
» mettre une opactité sur image intérieure du cadre du forum + opacité
» Opacité de mon forum
» Balise Opacité Html Image
» Opacité d'une image
» mettre une opactité sur image intérieure du cadre du forum + opacité
» Opacité de mon forum
» Balise Opacité Html Image
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum