[HTML][CSS] Przyciemnianie obrazka Opcje

[annow]

Witam,

Chcę zrobić tak aby obrazek po najechaniu na niego przyciemniał się, jednak nie wiem jak się za to zabrać, ma się przyciemniać na czarno, ale tylko w pewnym stopniu.

(IMG:style_emoticons/default/smile.gif)

próbowałem z opacity ale przyciemniało mi nie na czarno, a color: black; lub background-color: black; nie pomagało

[annow]

super, zmieniło mi na szary, ale ja chcę żeby tylko po najechaniu kursorem na obrazek się tak działo. (IMG:style_emoticons/default/smile.gif)

filter? https://developer.mozilla.org/en/docs/Web/C...r#grayscale()_2

Twój post bardzo mi pomógł - dziekuję.
A chciałbym jeszcze zrobić że po przyciemnieniu pojawia się obrazek na obrazku i tekst, jest to do wykonania?