[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

[Comandeer]

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

[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?

[Comandeer]

ja chcę żeby tylko po najechaniu kursorem na obrazek się tak działo

No to użyj :hover

A chciałbym jeszcze zrobić że po przyciemnieniu pojawia się obrazek na obrazku i tekst, jest to do wykonania?

No jest, np. pokazując na :hover elementy wsadzone do kontenera z obrazkiem.

[annow]

No to użyj :hover

No jest, np. pokazując na :hover elementy wsadzone do kontenera z obrazkiem.

mógłbyś mi pokazać jakiś przykład, żebym to zrozumiał? (IMG:style_emoticons/default/smile.gif)

[Comandeer]

https://jsfiddle.net/Comandeer/uLsuxu5y/

[annow]

https://jsfiddle.net/Comandeer/uLsuxu5y/

Możliwe, że u mnie nie działa? Żaden tekst nie pojawia się.

[Comandeer]

Bo nie pojawia się tekst – po prostu nakłada się żółte tło.

[annow]

Bo nie pojawia się tekst – po prostu nakłada się żółte tło.

Dziękuję za wytłumaczenie, na razie daję rade ze wszystkim. (IMG:style_emoticons/default/Lkingsmiley.png)