https://news.ycombinator.com/item?id=45736461 duplicate from 9 days ago, 41 comments
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;
That would be awesome — I have found myself wishing for a similar CSS-only solution. In the meantime, I've resorted to measuring the translation distance in JS, and multiplying that by the average duration I want the element to spend in each pixel position (usually a few milliseconds).
This is one of those "easy" things that should really be built into the CSS standard (as Josh points out in the article).
"piecewise" would probably have been a better name than "linear".