Agrandir une image au passage de la souris

[Arold]

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 !

[Self]

Bonjour Arold .

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 .

[Arold]

Hum, je la met où mon ID ?

[Self]

Bonjour .

Dans la balise img :

Code:


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

Cordialement .

[Arold]

Bonjour .

Dans la balise img :

Code:


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

Cordialement .

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

[Self]

Bonjour .

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

Cordialement .

[Arold]

Bonjour .

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

Cordialement .

Gestion des images ..

[Self]

Re .

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 .

[Arold]

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