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.

Baseline Status: This feature is currently Limited and is missing in at least one major browser engine.

Desktop Browser Engine Support

Google Chrome

119

Supported

Mozilla Firefox

—

Unsupported

Apple Safari

—

Unsupported

Microsoft Edge

119

Supported

Mobile Browser Engine Support

Chrome Android

119

Firefox Android

—

Safari iOS

—

Specifications and References

Specification ↗ Feature XML ↗

MDN Browser Compat Data Keys:

css.at-rules.media.prefers-reduced-transparency ↗ http.headers.Sec-CH-Prefers-Reduced-Transparency ↗