Titre: Superposition d'images avec du CSS
Posté par: actumoteurs le le 16-05-2012 a 15:43:58
Bonjour à tous,
Voilà mon problème. Je suis en train de chercher une solution pour donner un effet de transition au passage de la souris sur l'image.
Voici ce que j'ai déjà, pourriez-vous m'aider à modifier svp?
http://jsfiddle.net/9RFdv/8/
Le résultat devrait être identique à ce site:
http://www.charlespic.com/ (les images en bas pour les réseaux sociaux).
Cordialement,
Nathan. |
Titre: Re:Superposition d'images avec du CSS
Posté par: WebD le le 16-05-2012 a 19:28:47
Pour faire ce genre d'effets tu peux utiliser du CSS3 avec transitions et animations.
Il y a pas mal de tutos sur le web.
Bon courage. |
Titre: Re:Superposition d'images avec du CSS
Posté par: actumoteurs le le 16-05-2012 a 19:36:39
| Merci. Je vous tiens au courant. |
Titre: Re:Superposition d'images avec du CSS
Posté par: vieactu le le 17-05-2012 a 15:32:44
| Tu peux utiliser du java onmouseover :) ou du Jquery... |
Titre: Re:Superposition d'images avec du CSS
Posté par: Memocontacts le le 17-05-2012 a 20:11:42
Hello,| Tu peux utiliser du java onmouseover ou du Jquery... |
|
Attention, Javascript n'est pas java !
Et si on peut se passer de JS, c'est quand même mieux. |
Titre: Re:Superposition d'images avec du CSS
Posté par: Pti Biscuit le le 06-07-2012 a 15:45:58
Code:
#logoraw {
display : block;
width : 180px;
height : 52px;
background : url(http://img.actu-moteurs.com//uploads/2012/04/raw2.png);
}
#logoraw:hover {background : url(http://img.actu-moteurs.com//uploads/2012/04/raw.png);
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in;
}
|
|
|
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|