Video: Ændr farven på røg i Photoshop 2025
I mange år har webdesignere har brugt gennemsigtighed på websteder ved at gemme billeder i enten PNG- eller GIF-format og gøre en farve gennemsigtig. Selv om denne metode ikke er ideel, har den fungeret som en måde at gøre billeder tilsyneladende "flyde" på en side og til at lag et billede over et andet ved at placere et billede på en side over et baggrundsbillede.
Takket være CSS 3 kan du nu skabe gennemsigtige baggrunde og endda angive forskellige niveauer af opacitet for at skabe mere subtile designeffekter for sider vist på iPhone og iPad. Du kan bruge uigennemsigtighedsegenskaben med RGBa-farver til at skabe sofistikerede gennemsigtighedsfunktioner i dine designs, som f.eks. Den gennemsigtige drop-down navigationsliste, der vises i denne figur.
Ændring af uigennemsigtigheden af baggrunden bag rullemenuen lader billedet bagved vise gennem og skaber en mere subtil designeffekt.
I det viste eksempel blev menuens baggrund lavet en gennemsigtig grå i stedet for det faste gråt, der blev brugt i samme design vist i denne figur.
Opasitetsindstillingerne i CSS 3 giver stor fleksibilitet med muligheden for at bruge en RGBa-farve og angive mængden af gennemsigtighed.
