Bonsoir,

Voilà j'aimerais faire une transition lorsque la souris survole une image, je voudrais que l'image grossisse un peu mais j'y arrive pas

Pour l'instant j'ai ceci :

#basdepage #reseaux_sociaux img
{
width : 50px;
height : 50px;
padding-left : 5x;
padding-right : 5x;
}

#basdepage #reseaux_sociaux img:hover
{
-webkit-transition : width,height 0.8 linear;
width : 60px;
height : 60px;
}

Quelqu'un pourrait m'aider ?

Tu peux utiliser la proprieté transform pour faire grossir ton image avec un scale :

[ton selecteur] {
transition: transform .8s;
}

[ton selecteur]:hover {
transform: scale(1.05);
}

La propriété transition se met dans l'autre bloc (le bloc sans le sélecteur hover)

Salut,

C'est ta propriété transition qui ne va pas. Déjà, vire le préfixe webkit. ensuite, enlève "width, height", et ça marchera.

dans ton premier bloc tu mets : "transition : width 0.8 linear, height 0.8 linear;"

Oui d'ailleurs, il faut que ladite propriété soit effectivement sur l'état de base, pas sur hover. Ceci dit, pas besoin de définir les deux valeurs ni linear, "transition: .8s;" suffit.