comment faire pour qu'une image bouge lorsque le curseur la touche ?

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu comment faire pour qu'une image bouge lorsque le curseur la touche ?

Message par lemondekawaii Dim 31 Mar 2013 - 18:14

Bonjour, j'aimerais savoir comment faire pour qu'une image bouge lorsque le curseur la touche.
je ne m'y connait pas trop en script.
cordialement


Dernière édition par lemondekawaii le Dim 31 Mar 2013 - 19:56, édité 1 fois
lemondekawaii

lemondekawaii
**

Féminin
Messages : 91
Inscrit(e) le : 03/02/2013

http://lemondekawaii.forumactif.org
lemondekawaii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment faire pour qu'une image bouge lorsque le curseur la touche ?

Message par Matriochka Dim 31 Mar 2013 - 18:48

Bonsoir,

Tout dépend comment tu veux qu'elle bouge.

À la base, on utiliserait un code dans ce genre :

HTML
Code:
<img src="url de l'image" class="imagebouge" />
CSS
Code:
.imagebouge:hover {margin-left:50px;}
Ce qui nous permet, au survol, de faire bouger notre image de 50 pixels sur la gauche quand on passe le curseur dessus.

Comme dit, c'est une base, donc on peut modifier ça comme on veut par la suite, avec un effet de transition, etc.
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment faire pour qu'une image bouge lorsque le curseur la touche ?

Message par lemondekawaii Dim 31 Mar 2013 - 19:52

merci, mais comment on modifie, en faite, comment on fait bouger vers le haut ?
cordialement
lemondekawaii

lemondekawaii
**

Féminin
Messages : 91
Inscrit(e) le : 03/02/2013

http://lemondekawaii.forumactif.org
lemondekawaii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment faire pour qu'une image bouge lorsque le curseur la touche ?

Message par Matriochka Dim 31 Mar 2013 - 19:53

Pour bouger ver le haut, il faut mettre :
Code:
.imagebouge:hover {margin-top:50px;}
On remplace left (gauche) par top (haut).
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment faire pour qu'une image bouge lorsque le curseur la touche ?

Message par lemondekawaii Dim 31 Mar 2013 - 19:55

merci !
lemondekawaii

lemondekawaii
**

Féminin
Messages : 91
Inscrit(e) le : 03/02/2013

http://lemondekawaii.forumactif.org
lemondekawaii a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum