Skip to content

Instantly share code, notes, and snippets.

@nocodesupplyco

nocodesupplyco/reduced-motion-media-query.css Secret

Created December 19, 2022 16:22
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save nocodesupplyco/4b11847fffc5d489ad97ae79aab253c6 to your computer and use it in GitHub Desktop.
Save nocodesupplyco/4b11847fffc5d489ad97ae79aab253c6 to your computer and use it in GitHub Desktop.
Download ZIP
Prefers Reduced Motion Media Query
Raw
reduced-motion-media-query.css
/* Hide/Show things if reduced motion is on in persons OS */
@media (prefers-reduced-motion) {
.a11y-reduce-motion-show {
display: block;
}
.a11y-reduce-motion-hide {
display: none;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment