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
avatar

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

Self
Membre actif

Masculin
Messages : 3718
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 ?
avatar

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

Self
Membre actif

Masculin
Messages : 3718
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
avatar

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

Self
Membre actif

Masculin
Messages : 3718
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 ..
avatar

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

Self
Membre actif

Masculin
Messages : 3718
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 !
avatar

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