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.
Learning resources on MDN
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)