Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][CSS] Przyciemnianie obrazka
annow
post 9.07.2016, 22:46:59
Post #1





Grupa: Zarejestrowani
Postów: 17
Pomógł: 0
Dołączył: 9.07.2016

Ostrzeżenie: (0%)
-----


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.

smile.gif

próbowałem z opacity ale przyciemniało mi nie na czarno, a color: black; lub background-color: black; nie pomagało
Go to the top of the page
+Quote Post
Comandeer
post 9.07.2016, 22:56:06
Post #2





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

Ostrzeżenie: (0%)
-----


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


--------------------
Go to the top of the page
+Quote Post
annow
post 9.07.2016, 23:09:08
Post #3





Grupa: Zarejestrowani
Postów: 17
Pomógł: 0
Dołączył: 9.07.2016

Ostrzeżenie: (0%)
-----


super, zmieniło mi na szary, ale ja chcę żeby tylko po najechaniu kursorem na obrazek się tak działo. smile.gif

Cytat(Comandeer @ 9.07.2016, 23:56:06 ) *


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?
Go to the top of the page
+Quote Post
Comandeer
post 9.07.2016, 23:14:30
Post #4





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

Ostrzeżenie: (0%)
-----


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

No to użyj :hover
Cytat
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.


--------------------
Go to the top of the page
+Quote Post
annow
post 9.07.2016, 23:23:05
Post #5





Grupa: Zarejestrowani
Postów: 17
Pomógł: 0
Dołączył: 9.07.2016

Ostrzeżenie: (0%)
-----


Cytat(Comandeer @ 10.07.2016, 00:14:30 ) *
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ł? smile.gif
Go to the top of the page
+Quote Post
Comandeer
post 9.07.2016, 23:38:08
Post #6





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

Ostrzeżenie: (0%)
-----


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


--------------------
Go to the top of the page
+Quote Post
annow
post 9.07.2016, 23:45:05
Post #7





Grupa: Zarejestrowani
Postów: 17
Pomógł: 0
Dołączył: 9.07.2016

Ostrzeżenie: (0%)
-----


Cytat(Comandeer @ 10.07.2016, 00:38:08 ) *



Możliwe, że u mnie nie działa? Żaden tekst nie pojawia się.
Go to the top of the page
+Quote Post
Comandeer
post 9.07.2016, 23:54:02
Post #8





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

Ostrzeżenie: (0%)
-----


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


--------------------
Go to the top of the page
+Quote Post
annow
post 9.07.2016, 23:59:55
Post #9





Grupa: Zarejestrowani
Postów: 17
Pomógł: 0
Dołączył: 9.07.2016

Ostrzeżenie: (0%)
-----


Cytat(Comandeer @ 10.07.2016, 00:54:02 ) *
Bo nie pojawia się tekst – po prostu nakłada się żółte tło.

Dziękuję za wytłumaczenie, na razie daję rade ze wszystkim. Lkingsmiley.png
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 24.04.2024 - 23:44