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
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 ❌ See bugzil.la/1822176
- 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)
~3.343% of page loads. More data at chromestatus.com.Web Platform Tests (WPT)
View the latest WPT test results for this featureDeveloper votes
Do you need this feature?
Let us know by leaving a 👍 reaction on the feedback issue. Don't forget to also leave a comment explaining your specific use case.
View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist