Different cubic-bezier() presets in Chrome DevTools
- Dominant language
- CSS
- Stars
- 8.7k
- Forks
- 696
- PR merge metrics
- No merged PRs in 30d
Description
This is more curiosity than anything. I noticed that the `cubic-bezier()` presets in Chrome DevTools are different from the values here.
For example, this is what Chrome DevTools suggests for `Out - Cubic`:

And this is what Easings.net's `easeOutCubic` looks like:

Although the values look quite different, I compared them in DevTools, and the resulting curves are very similar. But, not exactly the same.
I find this rather strange since Google themselves reference and recommend Easings.net here:
https://developers.google.com/web/fundamentals/design-and-ux/animations/choosing-the-right-easing
My understanding was that easing functions were predefined mathematical equations, not open to interpretation. So how is it that these can differ?
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.