przezroczystosc czyli opacity i css

Opacity (przezroczystość) i Css

Dość często, otrzymuję od was maile z pytaniem, jak zrobić przezroczysty div lub zdjęcie za pomocą Css. I o ile większość was potrafi, dodać klasę Css z opacity, to większość z was otrzymuje przezroczysty div, w raz z jego zawartością. A co jeżeli chcemy nałożyć przezroczystość tylko na tło diva a nie na jego kontent?

Przezroczystość rgb i rgba

Aby dodać przezroczystość na diva bez zmieniania przezroczystości kontenta owego diva, wystarczy skorzystać z wartości Rgb dla background zamiast standardowego koloru Hexidecimal. A więc, tworzymy diva z klasą .opacity i dodajemy mu wartości:

Standardowe opacity Css

Co jednak, gdy chcemy dodać przezroczystość na całego diva w raz z jego zawartością? Nic prostszego, wystarczy ponownie stworzyć klasę .opacity i dodać do niej wartości opacity jak poniżej:

Więcej na temat przezroczystości (opacity) znajdziecie tu.

Jedna myśl nt. „Opacity (przezroczystość) i Css”

  1. A może coś o animacjach css3? Widzę, że dużo z tego korzystasz a ja z przyjemnością bym się czegoś nowego dowiedział/nauczył.

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *

Anty-Spam Quiz: