Agrandir une image au passage de la souris

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

Résolu Agrandir une image au passage de la souris

Message par Arold le Sam 14 Déc 2013 - 17:34

Yo,

J'aimerais agrandir mon logo au passage de la souris. Exemple :

Mon logo


Lorsqu'on met notre souris dessus (ou au survol de la souris) l'image s'agrandisse..

Merci !


Dernière édition par Arold le Sam 14 Déc 2013 - 19:42, édité 1 fois

Arold
****

Masculin
Messages : 238
Inscrit(e) le : 21/07/2013

http://www.mootchies.com
Arold a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Agrandir une image au passage de la souris

Message par Self le Sam 14 Déc 2013 - 18:18

Bonjour Arold Smile .

Il suffite de mettre un id à ton image et d'y ajouté ce CSS:
Code:
#monId{
transition: width 0.5s ease 0s, height 0.5s ease 0s, transform 0.5s ease 0s;
-webkit-transition: all 0.5s;
}
#monId:hover{
transform: scale(1.25);
-ms-transform: scale(1.25); /* IE 9*/
-webkit-transform: scale(1.25); /* Safari and Chrome */
}

Cordialement Smile .

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

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

Résolu Re: Agrandir une image au passage de la souris

Message par Arold le Sam 14 Déc 2013 - 18:26

Hum, je la met où mon ID ?

Arold
****

Masculin
Messages : 238
Inscrit(e) le : 21/07/2013

http://www.mootchies.com
Arold a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Agrandir une image au passage de la souris

Message par Self le Sam 14 Déc 2013 - 18:34

Bonjour Smile .

Dans la balise img :
Code:

<img id="monId" src="http://lienDeMonImage.jpg" alt="TexteSiMonImageNeChargePas">

Cordialement Wink .

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

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

Résolu Re: Agrandir une image au passage de la souris

Message par Arold le Sam 14 Déc 2013 - 18:42

SeLfde4Th7 a écrit:Bonjour Smile.

Dans la balise img :
Code:

<img id="monId" src="http://lienDeMonImage.jpg" alt="TexteSiMonImageNeChargePas">

Cordialement Wink.
Désolé, je suis vraiment perdu dans mes codes et je ne suis pas certain, mais.. c'est où que j'insère ceci :
Code:

<img id="monId" src="http://lienDeMonImage.jpg" alt="TexteSiMonImageNeChargePas">

Merci encore :s

Arold
****

Masculin
Messages : 238
Inscrit(e) le : 21/07/2013

http://www.mootchies.com
Arold a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Agrandir une image au passage de la souris

Message par Self le Sam 14 Déc 2013 - 19:18

Bonjour Smile .

La ou vous mettez votre logo, pour quel page est-ce ?

Cordialement Wink .

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

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

Résolu Re: Agrandir une image au passage de la souris

Message par Arold le Sam 14 Déc 2013 - 19:28

SeLfde4Th7 a écrit:Bonjour Smile.

La ou vous mettez votre logo, pour quel page est-ce ?

Cordialement Wink.

Gestion des images ..

Arold
****

Masculin
Messages : 238
Inscrit(e) le : 21/07/2013

http://www.mootchies.com
Arold a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Agrandir une image au passage de la souris

Message par Self le Sam 14 Déc 2013 - 19:36

Re Smile .

Ah sorry j'avais mal compris je croyais que c'était sur une page HTML.
C'est donc la bannière ?
Il me semble que l'identifiant est #i_logo à mettre à la place de #monId dans le code précédemment donné.

Cordialement Wink .

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

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

Résolu Re: Agrandir une image au passage de la souris

Message par Arold le Sam 14 Déc 2013 - 19:41

Merciii, ça fonctionne ! Merci à toi et ta patience !

Arold
****

Masculin
Messages : 238
Inscrit(e) le : 21/07/2013

http://www.mootchies.com
Arold 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