prefers-reduced-transparency media query

The prefers-reduced-transparency CSS media query sets styles based on whether the user prefers to reduce the amount of transparent effects on their device, for example to improve contrast and legibility.

Compatibility

• Chrome 119 Released on 2023-10-31
• Chrome Android 119 Released on 2023-10-31
• Edge 119 Released on 2023-11-02
• Firefox ❌ Search for bugs Search for standards position
• Firefox for Android ❌ Search for bugs Search for standards position
• Safari ❌ See webkit.org/b/175497
• Safari on iOS ❌ See webkit.org/b/175497

BCD data

• css.at-rules.media.prefers-reduced-transparency
• http.headers.Sec-CH-Prefers-Reduced-Transparency