Springs and Bounces in Native CSS

What I also would _love_ is a function based on velocity, or speed per logical pixel. So that a transition that happens over say 200px does not take the same time as the same transition happening over 450px.

    --myidea-tranistion-timing: 1px/5ms;

The above would take one second (200pixels at 5ms per pixel) to transition a 200px distance, and would take 2.25 seconds to transition 450px because the velocity would be the same.

> Bézier curves are great, but there are certain things they just can’t do. For example:

It would be nice if we had a better explanation of what is wrong with the Bézier curves in the example. I've put the spring Bézier example side by side with the javascript simulated one, had them both trigger at the same time on a keyboard press and I can barely notice a difference; one doesn't look better than the other to my eyes.

"piecewise" would probably have been a better name than "linear".

https://news.ycombinator.com/item?id=45736461 duplicate from 9 days ago, 41 comments

This is one of those "easy" things that should really be built into the CSS standard (as Josh points out in the article).