prefers-reduced-transparency media query
Limited availability
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.
Learn more
Specifications
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 (concerns: privacy)
- Safari on iOS ❌ See webkit.org/b/175497 Vendor position (concerns: privacy)
Usage (according to Chrome Platform Status)
~2.345% of page loads. More data at chromestatus.
Web Platform Tests (WPT)
View the latest WPT test results for this featureView as JSON | Edit this feature | Report an issue | Web-features entry: source, dist