Issue 192

[Que-tin]

No description provided.

[argyleink]

well this turned out to be a bit more than anticipated! cool news is I think this is really going to up the bar for animation libraries and reduced motion, thanks so much for kicking this off.

there's comments all over the place, mostly me realizing stuff and offering some code suggestions. 11 comments sounds like a lot lol, but i think it'll go quick! 🙏🏻

here's all of them turned on, aka showing them in their worst light but also an overview

Kapture.2022-02-22.at.22.17.39.mp4

[Que-tin]

Done. Somone needs to check the reduced motion timings. Especially shake & bounce are behaving a bit weird.

[argyleink]

did some polish and fixed an animation, made a PR to your branch! https://github.com/Que-tin/open-props/pull/1

[Que-tin]

@argyleink Checked and tested everything, looks good to me 👍🏻😊

Your PR also got merged.

[argyleink]

Next step is I'll host the feature and send it to a few folks I trust and who prefer reduced motion, have them test it and give it some QA 👍🏻

[argyleink]

preview URL https://op-reduced-animations.netlify.app/#animations

[argyleink]

review #1:

I agree but I can only speak for myself: most of the time I'm okay with small animations (like color fade), it's mostly paralax and things moving around too much that trigger me ^^
And spinning hahaha spinning is NOOOO good for my brain 😄
haa the spining even with motion reduced is a big NOPE hahaa
The step by step animations feel strange without transition, to be honnest. It's a little bit hard to give you feedback since it also depends on how those are used in a page
The bounce is also a big nope at the moment even in the reduce motion, but the pulse is okay. So I think it's the size of the change and the speed as well that impacts
but again, it might depend on the level of sensitivity to motion sickness

[argyleink]

i still think about these efforts and where they should go 🙂

[Que-tin]

Closed due to the progress pn #341