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.
To learn more, see
prefers-reduced-transparency at MDN.
Compatibility
- Chrome 119 Released on 2023-10-31
- Chrome Android 119 Released on 2023-10-31
- Edge 119 Released on 2023-11-02
- Firefox ❌ Search for bugs Search for standards position
- Firefox for Android ❌ Search for bugs Search for standards position
- Safari ❌ See webkit.org/b/175497
- Safari on iOS ❌ See webkit.org/b/175497