Video: All about CAPTIONS and SUBTITLES in PREMIERE PRO 2024
I mange år har webdesignere har brukt gjennomsiktighet på nettsteder ved å lagre bilder i enten PNG- eller GIF-format og gjøre en farge gjennomsiktig. Selv om denne metoden ikke er ideell, har den fungert som en måte å gjøre bilder tilsynelatende "flyte" på en side og lag ett bilde over et annet ved å plassere et bilde på en side over et bakgrunnsbilde.
Takket være CSS 3, kan du nå lage gjennomsiktige bakgrunner og til og med angi ulike nivåer av opasitet for å lage mer subtile designeffekter for sider som vises på iPhone og iPad. Du kan bruke opacitetsegenskapen med RGBa-farger for å lage sofistikerte gjennomsiktighetsfunksjoner i designene dine, for eksempel den gjennomsiktige nedtrekksnavigasjonslisten som vises i denne figuren.
Hvis du endrer opaciteten til bakgrunnen bak rullegardinlisten, kan bildet bak det vises og skaper en mer subtil designeffekt.
I det viste eksemplet ble bakgrunnen på menyen gjort gjennomsiktig grå i stedet for det faste grået som ble brukt i samme design som vist i denne figuren.
Opasitetsinnstillingene i CSS 3 gir stor fleksibilitet med muligheten til å bruke en RGBa-farge og spesifisere mengden av gjennomsiktighet.