Przezroczystość css

Question

Witam

Jaki mam wpisać kod w css aby uzyskać biały przezroczysty kolor w dodatku rozmazany (przezroczysty rozmazany obraz przepuszczany przez tą właśnie przezroczystość)

Pozdrawiam

Comments

Że co proszę? :D
Jeżeli chodzi Ci o to co sobie pomyślałem jak to przeczytałem to na obrazek nakładasz coś takiego https://developer.mozilla.org/en-US/docs/Web/CSS/filter i blurujesz, a później używają na przykład :after nakładasz na obrazek warstwę półprzeźroczystego białego rgba(255,255,255,0.5) na przykład :)
Opisz problem jakoś składniej to może uda nam się pomóc :D

---

Wiem jak uzyskać przezroczystość ale chodzi mi żeby obraz który prześwituję przez tą przezroczystość był rozmazany

Answer 1

Aby dodać przezroczystość użyj: 

opacity: 0.5; (od 0 - całkowita przezroczystość do 1 - brak przezroczystości, domyślnie)

Aby dodać rozmazanie użyj:

filter: Blur(Add=typ, Direction=kierunek, Strength=natężenie)

TYP - Określa, czy oryginalny obraz ma zostać dodany do filtru:

• 1 - obraz zostanie dodany (domyślnie)
• 0 - obraz nie zostanie dodany

KIERUNEK - Kierunek rozmazania w stopniach (zgodnie z ruchem wskazówek zegara względem pionu):

• 0 - góra
• 45 - góra, prawo
• 90 - prawo
• 135 - dół, prawo
• 180 - dół
• 225 - dół, lewo
• 270 - lewo (domyślnie)
• 315 - góra, lewo

NATĘŻENIE - Ilość rozmazanych pikseli

 

Myślę że pomogłem 

Answer 2

Podpowiem, poszukaj w google pod hasłem rgba.

Answer 3

opacity ale nie polecam, lepiej ustawić odpowiedni kolor dla elementów a tam gdzie ma być coś przezroczystego to "none"

Comments

a czemu niby opacity nie polecasz?

---

bo wtedy element staje się w pewnym stopniu wyróżniony, tak ogólnikowo