-
Animations should be disabled if customer has `prefers-reduced-motion` settings enabled in browser
Resources:
- https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion
…
-
https://www.youtube.com/watch?v=UmzFk68Bwdk
-
I originally thought this issue might be related to Firefox, but it seems like it's mostly related to hardware acceleration. With hardware acceleration turned off, some pages will have very choppy ani…
-
### Description
Define motions / animations / micro-animations for the design system
### Design
https://www.figma.com/design/JIT5AdGYqv6bDRpfBPV8XR/Foundations-%26-Components-Next-Level?node-id=26-…
-
This project transforms a webpage into a vibrant, interactive theme park entirely using CSS animations, transitions, and effects. Users can hover over various elements to see animations like spinnin…
-
animations aren't necessarily fluid on mobile, for instance the car animation in "CO2" is janky. (tested on iphone 6s safari which isn't exactly an entry level phone)
-
For the 2024 website, I want to experiment with the following:
- [ ] Using system fonts. Font subsetting and preloading made 2023 still light-weight. But I don't think I need it.
- [ ] CSS Anima…
-
[scroll-animations-1](https://drafts.csswg.org/scroll-animations-1/) [upgrades animation-delay](https://drafts.csswg.org/scroll-animations-1/#named-range-animation-declaration) to both be a shorthand …
-
there is a function in script.js meant to rotate each planets but in the css there's animations for orbits with hardcoded values, the animatePlanets function makes it buggy and starts in the wrong rot…
-
### Description
abs() and sign() would help developers create responsive animations and designs and add to the set of trigonometric, sign, and exponential functions we currently support.
### Spe…