Last updated: May 10, 2021
Accessible SVG demo combining @prefers-color-scheme and @prefers-reduced-motion so the artwork adapts across light mode, dark mode, and reduced-motion preferences.
CodePenJan 6, 2020
Light/Dark mode + reduced motion with SVGs (Karma Chameleon)
CodePen combines prefers-color-scheme and prefers-reduced-motion so animated SVG artwork adapts across light, dark, and reduced-motion settings.
patternAccessibilityCSSHTMLSVG/imageWCAG