Bonjour à tous et bienvenu sur le forum
J'ai une petite question à vous soumettre si vous le voulez bien :
J'ai un lien a sur lequel j'ai appliqué un hover
Après j'applique un effet Mootools, pour que ce soit plus fluide et fun et sympa :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10 .btn_postuler a{ position:absolute; right: -164px; } .btn_postuler a:hover{ right:0; }
Ca marche MAIS au premier survol le style :hover prend le dessus sur le code Mootools et mon bouton se retrouve plaqué à droite sans être animé.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9 $$('.btn_postuler a').addEvent('mouseenter', function(){ this.tween('right', '0'); }); $$('.btn_postuler a').addEvent('mouseleave', function(){ this.tween('right', '-160px;'); });
Si vous savez comment annuler un hover par exemple ou si vous avez une autre idée, je suis super preneur et vous en remercie d'avance !!
Merci à vous.
Gaëtan
Partager