Salut à toi visiteur !
Inscris toi en moins de 10 secondes pour profitez pleinement du site et partager avec la communauté ! S'inscrire


Question Une image qui bouge quand on déplace la souris en CSS/Html.


#1
Salut à tous, je débute dans le CSS/Html je suis des tutoriels sur youtube depuis maintenant quelque semaines et j'ai déjà développé avec Bootstrap mon site de A à Z.
http://guildo.xyz/

Je souhaiterais avec l'image de ma page de maintenance faire en sorte quel bouge quand on passe la souris dessus, comme sur ce site: 
http://starsblitz.net/
Si quelqu'un pourrait m'aider sur ceci ça serait cool, merci.
 

#2
Edit par Guildo: Hors sujet, prochain message de ce genre, tu prend une sanction pour flood/message inutile.
[+] 3 utilisateurs dire Merci à MoOnKeY pour ce message

#3
Salut,

Essaie ceci, c'est ce que j'ai trouvé en tapant ta recherche :

Code :
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">

body{
background-color:gray;
background:url(le_fond.png);
}

</style>

<script>

function bg(elem,sens,vitesse){

elem=="body" ? this.elem=document.body : this.elem=document.getElementById(elem)

this.sens=sens;

this.vitesse=vitesse;

var that=this;

document.documentElement.addEventListener("mousemove",function(event){that.mv(event)},false);
}

bg.prototype.mv = function(s){

var dde=(navigator.vendor) ? document.body : document.documentElement;

var setX = this.sens=="gauche" ? -(s.clientX + dde.scrollLeft) : s.clientX + dde.scrollLeft;

this.elem.style.backgroundPosition=(setX/this.vitesse)+'px 0px';
}

function init(){

new bg("body","gauche",4);

}

window.addEventListener("load",init,false);

</script>
</head>
<body>
</body>
</html>

Ou tu peux utiliser ce plugin qui à l'air plus simple à utiliser en jquery : http://stephen.band/jparallax/

Et il me semble que ça s'appelle le zoom sur l'effet parallaxe Smile

J'espère que ça t'aidera, si ta besoin d'aide, n'hésite pas.
[Image: 1496134190-gregory-house-forum-signature...42ghaz.png]
[+] 1 utilisateur dit Merci à T3rAxYn pour ce message

#4
Merci à toi, je vais essayer ceci.
 

#5
Au pire des cas tu ne te prends pas la tête et tu utilises WordPress, comme la personne qui a créée le site starblitz.

#6
ses quoi ton a faire ses tu une pub ou jsp trop quoi ses pas bien


Sujets apparemment similaires…
Sujet Auteur Réponses Affichages Dernier message
  Recherche Site de telechargement d'image jeux wii pupa34 1 1,070 13-12-2019, 18:14
Dernier message: Tony Culinati
Question Question Sondage: Quelle souris pour bourriner le clique molette sans que ca pête en 6 mois ? UzGz 5 1,996 03-08-2018, 12:32
Dernier message: xddj
  Comment update un cheat cs:go, quand cs:go fais une mise à jour?! Kaynji 7 9,705 30-12-2016, 23:32
Dernier message: setheurdu33
  Moyen de faire des trade quand son compte est bloqué market ? bykertix 1 1,488 25-09-2015, 18:47
Dernier message: VolKoVTrade
  Cheat drivers souris comptestrackiou 1 3,057 04-06-2014, 17:27
Dernier message: UzGz

Atteindre :