Web platform 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.

Status

Limited availability

MDN documentation

prefers-reduced-transparency

Specifications

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

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 ❌
Firefox for Android ❌
Safari ❌ See webkit.org/b/175497 Vendor position : unknown (concerns: privacy)
Safari on iOS ❌ See webkit.org/b/175497 Vendor position : unknown (concerns: privacy)

Usage (according to Chrome Platform Status)

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

Web Platform Tests (WPT)

View the latest WPT test results for this feature

Developer signals

Votes: 0

If you want this feature to be available in all browsers, vote for it by adding a thumbs up reaction (👍) to this GitHub issue, and leave a comment with more information.

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