Video: Suspense: Tree of Life / The Will to Power / Overture in Two Keys 2024
Al jaren, webontwerpers hebben transparantie in websites gebruikt door afbeeldingen in PNG- of GIF-indeling op te slaan en een kleur transparant te maken. Hoewel deze methode niet ideaal is, heeft het gewerkt als een manier om afbeeldingen op een pagina te laten "zweven" en om de ene afbeelding op de andere te plaatsen door een afbeelding op een pagina boven een achtergrondafbeelding te plaatsen.
Dankzij CSS 3 kunt u nu transparante achtergronden maken en zelfs verschillende niveaus van dekking opgeven om subtielere ontwerpeffecten te creëren voor pagina's die worden weergegeven op iPhone en iPad. U kunt de dekkingseigenschap met RGBa-kleuren gebruiken om geavanceerde transparantiekenmerken in uw ontwerpen te maken, zoals de transparante vervolgkeuzelijst met navigatie in deze afbeelding.
Door de dekking van de achtergrond achter de vervolgkeuzelijst te wijzigen, wordt de afbeelding erachter weergegeven en ontstaat een subtieler ontwerpeffect.
In het getoonde voorbeeld is de achtergrond van het menu transparant grijs gemaakt in plaats van het effen grijs dat is gebruikt in hetzelfde ontwerp als in deze afbeelding.
De dekkinginstellingen in CSS 3 bieden veel flexibiliteit met de optie om een RGBa-kleur te gebruiken en om de mate van transparantie te specificeren.