Wat is opacity (ondoorzichtigheid)?

Opacity is de Engelse term voor ondoorzichtigheid of opaciteit. Binnen webontwikkeling (CSS) en grafische vormgeving geeft deze parameter aan in welke mate een visueel element of een ontwerplaag het achterliggende spectrum blokkeert.

Transparantie en CSS-toepassing

Hoewel opacity en transparantie technisch gezien elkaars tegenovergestelde zijn, worden ze in de praktijk vaak door elkaar gebruikt. De waarde van opacity wordt doorgaans uitgedrukt in een percentage (0% tot 100%) of een decimaal getal (0.0 tot 1.0) in HTML/CSS:

• Opacity 100% (1.0): Het element is volledig ondoorzichtig.
• Opacity 0% (0.0): Het element is volledig onzichtbaar (transparant).

MKB-webdesigners zetten opacity strategisch in om gelaagdheid aan te brengen, tekst leesbaar te maken over achtergrondafbeeldingen heen, of om dynamische hover-effecten te creëren bij knoppen.