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

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 le 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
**

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 le 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.

Matriochka
+ Hyperactif +

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 le Dim 31 Mar 2013 - 19:52

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

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 le 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).

Matriochka
+ Hyperactif +

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 le Dim 31 Mar 2013 - 19:55

merci !

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


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