Web features explorer - 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.

Browser support

Chrome 119 Released on 2023-10-31
Chrome Android 119 Released on 2023-10-31
Edge 119 Released on 2023-11-02
Firefox Not supported Bugs: 1822176
Firefox for Android Not supported
Safari Not supported Position (concerns: privacy) Bugs: 175497
Safari on iOS Not supported Position (concerns: privacy) Bugs: 175497

👍
3

Need this feature?
Leave a 👍 on the feedback issue
Don't forget to also leave a comment explaining your specific use case.

MDN documentation

`prefers-reduced-transparency` CSS media feature

Specifications

Media Queries Level 5 (#prefers-reduced-transparency), from Cascading Style Sheets (CSS) Working Group (W3C).

Usage (according to Chrome Platform Status)

~4.977% of page loads. More data at chromestatus.com.

Web Platform Tests (WPT)

View the latest WPT test results for this feature

View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist