Parallax backgroundPosition en fonction du positionnement de la souris
Bonjour,
Je cherche à ajouter un effet parallax sur une image possédant un background en CSS. Cet effet dit que l'image bouge en fonction du mouvement de la souris, via modification du positionnement du background.
Le code suivant fonctionne, et fait bouger l'image horizontalement :
Code:
1
2
3
4
5
| $("body").mousemove(function(event){
$(".elementpicto1").css({
backgroundPosition: (event.clientX * 0.15) + 'px 0px'
});
}); |
Or, je souhaite également qu'elle bouge verticalement, j'essaie donc le code suivant :
Code:
1
2
3
4
5
| $("body").mousemove(function(event){
$(".elementpicto1").css({
backgroundPosition: (event.clientX * 0.15) + 'px' + (event.clientX * 0.15) 'px'
});
}); |
Mais cela ne fonctionne pas...
Comment faire ?
Merci
