Media Queries

Ways of adapting your site to the user's device or preferences.

prefers-reduced-motion
Completion percentage: 83.4% (9579)
Completion percentage: 83.4% (9579)

Export
Percents%
CountΣ

The prefers-reduced-motion CSS media feature is used to detect if the user has requested that the system minimize the amount of non-essential motion it uses.

2020

Have used it
Know about it
Never heard of it

prefers-color-scheme
Completion percentage: 83.5% (9598)
Completion percentage: 83.5% (9598)

Export
Percents%
CountΣ

The prefers-color-scheme CSS media feature is used to detect if the user has requested the system use a light or dark color theme.

2020

Have used it
Know about it
Never heard of it

color-gamut
Completion percentage: 83.8% (9631)
Completion percentage: 83.8% (9631)

Export
Percents%
CountΣ

The color-gamut CSS media feature can be used to test the approximate range of colors that are supported by the user agent and the output device.

2020

Have used it
Know about it
Never heard of it
« Previous: Animations & TransformsNext: Other Features »
Charts built with Nivo. Hosted by Netlify.
Questions? Found a bug? Leave an issue. Join us on Discord.