Hacker Newsnew | past | comments | ask | show | jobs | submitlogin

That's interesting... I don't know if it's possible to animate directly on a bezier curve, though that'd be an extremely-useful thing to be able to do.

It looks like all the animatable properties just have ease-in / out timing, and go from A to B. Given that, the best you could do is animate each X/Y direction's behavior, creating a new animation at each bezier curve point, and using the bezier form of the timing function to mimic curved paths.

https://developer.mozilla.org/en/css/css_transitions and https://developer.mozilla.org/en/css/css_transitions



The timing function can be an arbitrary cubic bezier; some common ones like ease-in/out and so forth have dedicated keywords.

You should be able to get arbitrary bezier paths if you pick your x and y timing beziers carefully, I'd think... But it does take some thinking.




Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: