prefers-reduced-motion

There are 0 repository under prefers-reduced-motion topic.

• anatoliygatt / use-prefers-reduced-motion

  🪝 React hook for subscribing to user's motion preference.

  reactreact-hookhookaccessibilitya11yjavascripttypescriptprefers-reduced-motion
  Language:TypeScript 22

• magica11y / prefers-reduced-motion

  🎢 Detects user’s preferences for reduced motion using the 'prefers-reduce-motion' CSS3 level 5 media query.

  a11yaccessibilitycss-mediaquerymatchmediaprefers-reduced-motion
  Language:JavaScript 11

• AnandChowdhary / prefers-reduced-motion

  🙅 Check if a user prefers reduced motion using CSS

  cssprefers-reduced-motiontypescriptmedia-queries
  Language:TypeScript 3

• lucianmurmurache / reduced-motion

  A simple, lighweight package that makes sure your animations do not run when users disable animations on their device.

  cssaccessibilitya11yprefers-reduced-motion
  Language:CSS 3

• robsimpsondesign / autoplay-html5-video-on-ios-android-and-desktop

  Find out how to create inclusive, progressively enhanced, autoplaying HTML5 videos as a replacement for animated GIFs and component backgrounds.

  html5-videoplaysinlineprefers-reduced-motion
  Language:CSS 1

• chrisnajman / costs-calculator-v2

  Record and save your daily spend and see the average over a number of days.

  accessibility-testingaccessible-tablesaria-attributescss-importscss-nestingdark-mode-togglehtml-css-javascripthtml-templatejs-moduleslocalstorageprefers-reduced-motionsortsvg-iconssvg-sprites
  Language:CSS

• chrisnajman / loader

  CSS and JavaScript page loader which displays a loading animation or message, depending on the user's preferences.

  accessibilityaria-attributescss-importscss-nestingdark-mode-togglehtml-css-javascriptjs-modulesprefers-reduced-motionsvg-iconssvg-sprites
  Language:CSS

• chrisnajman / scroll-page-watcher

  If your browser supports 'animation-timeline: scroll()' CSS, a horizontal line will appear at the top of the screen as you scroll, indicating how far you have travelled down the page.

  css-importscss-nestingdark-modehtml-css-javascriptlight-modeprefers-reduced-motionsupportssvg-iconssvg-sprites
  Language:HTML

• chrisnajman / to-do-list-v2

  Edit, complete or delete to-do tasks. You can also reorder to-dos, if they get out of synch.

  accessibility-testingaria-attributescss-importscss-nestingdark-mode-togglehtml-css-javascripthtml-templatejs-moduleslocalstorageprefers-reduced-motionsortsvg-iconssvg-sprites
  Language:CSS

• eevajonnapanula / gifs-and-reduced-motion

  An example of reduced motion and gifs.

  reactprefers-reduced-motiontypescript
  Language:TypeScript