1. Wprowadzenie do CSS
  2. Szybki start
  3. Selektory
  4. Komentarze
  5. Kolory
  6. Tło
  7. Wysokość | Szerokość
  8. Pozycja
  9. Przepełnienie
  10. Marginesy
  11. Dopełnienie
  12. Obramowanie
  13. Zarys
  14. Tekst
  15. Czcionki
  16. Wyświetlanie Elementów
  17. Obrazy
  18. Tabele
  19. Listy
  20. Z-index
  21. Właściwość float
  22. Kombinatory
  23. Pseudo Klasy
  24. Pseudo Elementy
  25. Pasek Nawigacyjny
  26. Przezroczystość
  27. Formularze
  28. Liczniki
  29. Funkcje Matematyczne
  30. Selektory Atrybutów
  31. Podsumowanie

Przezroczystość

Przezroczystość w języku CSS to stopień widoczności elementu na stronie internetowej. Właściwość przezroczystości jest określana w skali od 0 do 1, gdzie 0 oznacza pełną nieprzezroczystość (czyli brak widoczności), a 1 pełną przezroczystość (czyli pełna widoczność). Wartość pomiędzy 0 a 1 określa stopień przezroczystości elementu, co oznacza, że zawartość pod spodem jest widoczna, ale nieco zamglona.

Przezroczystość jest ustawiana za pomocą właściwości CSS opacity lub "rgba()". Właściwość "opacity" określa stopień przezroczystości dla całego elementu, w tym tekstu i granic, podczas gdy rgba() pozwala na ustawienie przezroczystości tylko dla koloru tła elementu.

opacity 0.3

opacity 0.6

opacity 1

										
element {
  opacity: 0.5;
}
										
								
										
element {
  background-color: rgba(0, 0, 255, 0.5);
}