Avatar passage de la souris

Bonjour,
j'avait vu ça sur plusieurs forums... mais malheureusement je n'en ai pas trouvés pour vous donner un exemple.
En fait,ce sont des images (par exemple dans les personnages vacants, bref, dans un message et peut-être même les avatars) qui sont un peu ternes, et quand on met notre souris dessus, l'image s'éclaircit.
Comment on peut faire ça?

(je ne veux pas de réponse du genre :« c'est sûrement un code dans la feuille CSS...», je ne veux une réponse QUE si vous savez comment, bref une réponse qui m'aidera svp. ou un lien vers un site, un topic... )

Merci

HEu... C'est du code CSS ! xD

C'est assez simple au final, en réalité tu vas jouer sur l'opacité de l'image.

Code:

<div class="avatar">
<img src="adresse de ton image" />
</div>

Code:

.avatar img
{
opacity: 0.5;
}

.avatar img:hover
{
opacity: 1;
}

Tu n'es pas forcé d'utiliser une "DIV" tu peux choisir d'utiliser la balise "span" ou même "p"... Hum, je ne vois pas quoi t'expliquer d'autre. Si tu as des question, n'hésite pas.

Et bien merci :)
Mais hum... haha je début en CSS ... et euh... est-ce que je dois ajouter quelque chose au code? (le 2e...)

Tu copi/colle le code css qu'elle t'a donné dans ta feuille de style.

Affichage > Couleurs > Feuille de style CSS.

Afin que le code fonctionne sous tout les navigateurs il y a d'autres éléments à ajouter. Je te donne le lien du tuto que je viens de faire directement : LIEN
En espérant que ça t'aide^^

Ok merci beaucoup à vous tous :)