Skip to content
This repository has been archived by the owner on Jul 22, 2024. It is now read-only.

Expressive Motion (UI) #14

Closed
JLightMedia opened this issue Jun 1, 2022 · 2 comments
Closed

Expressive Motion (UI) #14

JLightMedia opened this issue Jun 1, 2022 · 2 comments

Comments

@JLightMedia
Copy link

Expressive Motion (UI) dose not provide correct Easing: cubic-bezier parameters, it mixed up with "Ease in" and "Ease out" between.

In Design System

motion(exit, expressive) cubic-bezier(0.4, 0.14, 1, 1)
motion(entrance, expressive) cubic-bezier(0, 0, 0.3, 1)

But in generator
Ease out: Easing: cubic-bezier(0, 0, 0.3, 1)
Ease in: Easing: cubic-bezier(0.4, 0.14, 1, 1)

@shixiedesign
Copy link
Contributor

Hi, thanks for the comment. However the generator is actually correct.
CSS naming of "ease out" means the motion starts fast and slows down towards the end. This is our expected Entrance animation.
CSS naming of "ease in" means the motion starts fast and speeds up towards the end. This is our expected Exit animation.

@JLightMedia
Copy link
Author

Ok in this way, change or add terminology from Design System. Because it is not clear. Now it so confusing, that you use different description. I'm designer and follow rules of Design System. Make it clear.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants