Bonsoir,

J'ai il y a peu commencé à m'intéresser à la création de site web, et j'ai un petit problème concernant un animation que je souhaite faire sur une ou des images en passant la souris dessus: j'aimerai que la l'image s'agrandisse progressivement et se reduise progressivement au passage de la souris, un peu comme sur les bureaux mac (enfin le même principe).

Mais le problème c'est que je n'ai aucune idée de comment m'y prendre
Pour changer la taille de l'image j'utilise la propriété "width" dans "img:hover" , mais pour le progressif je trouve pas, peut être un truc avec ce type de code:

"-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;"

Je vous demande donc votre aide, merci d'avance

transition: width 1s, height 1s;

pas besoin de ça dans le hover

Merci beaucoup à vous deux ça marche
Effectivement mettre "transition: width 1s, height 1s;" dans hover ne change rien.
En fait c'était plutôt simple , mais bon on va dire que c'est parce que je suis débutant.