Problème transition CSS !
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Problème transition CSS !
Bonjour !
Voilà mon forum Test :
http://forum-test.creer-forums.fr/
On peux donc voir deux images :
La première j'ai mit span id dans la P.A.
La deuxième j'ai mit div id.
Mon code HTML :
Je ne connaît pas trop le CSS et donc je ne sais pas trop comment procéder.
Voilà, merci d'avance !
Voilà mon forum Test :
http://forum-test.creer-forums.fr/
On peux donc voir deux images :
La première j'ai mit span id dans la P.A.
La deuxième j'ai mit div id.
Mon code HTML :
- Code:
<span id="lol"><img src="http://zupimages.net/up/3/976290504.jpg"></span>
<div id="relol"><img src="http://zupimages.net/up/3/976290504.jpg"></div>
- Code:
#lol img {
opacity: 0.8;
}
#lol img:hover {
opacity: 1;
}
#relol img {
opacity: 0.8;
}
#relol img:hover {
opacity: 1;
}
span.lol {
-moz-transition:all 0.5s; /* Mozilla Firefox */
-webkit-transition:all 0.5s; /* Safari et Google Chrome */
-o-transition:all 0.5s; /* Opera */
transition:all 0.5s;
}
div.relol {
-moz-transition:all 0.5s; /* Mozilla Firefox */
-webkit-transition:all 0.5s; /* Safari et Google Chrome */
-o-transition:all 0.5s; /* Opera */
transition:all 0.5s;
}
Je ne connaît pas trop le CSS et donc je ne sais pas trop comment procéder.
Voilà, merci d'avance !
Re: Problème transition CSS !
Bonjour ^^.
Dans la première partie de votre CSS vous mettez bien le dièse qui indique un ID comme cela:
Je pense qu'il suffit de faire comme cela:
Cordialement .
Dans la première partie de votre CSS vous mettez bien le dièse qui indique un ID comme cela:
- Code:
#lol
#relol
Je pense qu'il suffit de faire comme cela:
- Code:
#lol img {
opacity: 0.8;
-moz-transition:all 0.5s; /* Mozilla Firefox */
-webkit-transition:all 0.5s; /* Safari et Google Chrome */
-o-transition:all 0.5s; /* Opera */
transition:all 0.5s;}
#lol img:hover {
opacity: 1;
-moz-transition:all 0.5s; /* Mozilla Firefox */
-webkit-transition:all 0.5s; /* Safari et Google Chrome */
-o-transition:all 0.5s; /* Opera */
transition:all 0.5s;}
#relol img {
opacity: 0.8;
-moz-transition:all 0.5s; /* Mozilla Firefox */
-webkit-transition:all 0.5s; /* Safari et Google Chrome */
-o-transition:all 0.5s; /* Opera */
transition:all 0.5s;}
#relol img:hover {
opacity: 1;
-moz-transition:all 0.5s; /* Mozilla Firefox */
-webkit-transition:all 0.5s; /* Safari et Google Chrome */
-o-transition:all 0.5s; /* Opera */
transition:all 0.5s;}
Cordialement .
Re: Problème transition CSS !
Oh, merci beaucoup !
Sujets similaires
» Problème avec une transition
» Transition d'image: problème affichage
» Problème avec le code effet de transition
» Transition et onclick invision
» Infobulle et transition
» Transition d'image: problème affichage
» Problème avec le code effet de transition
» Transition et onclick invision
» Infobulle et transition
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum