tween vs :hover = supprimer :hover ?
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
Code:
1
2
3
4
5
6
7
8
9
10
|
.btn_postuler a{
position:absolute;
right: -164px;
}
.btn_postuler a:hover{
right:0;
} |
Après j'applique un effet Mootools, pour que ce soit plus fluide et fun et sympa :
Code:
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;');
}); |
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é.
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 !!
:D
Merci à vous.
Gaëtan
