@ZachSaucier
Big thanks for explaining the ‘keyframes’ and the ‘defaults’ features. My plan is to use them for the easement of describing serial animations (I’ve got plenty of them), if I just use .to with ‘>’, it’s just a repetition of keyframes logic in my code.
My example shows that the second declaration .to via keyframes doesn’t let the square decrease - that’s exactly what I want, but it works only without changing the time!
There’s a div and it has an animation (a set of different properties). What I want to do is to set the properties instantly without deleting or clearing them, I mean to replace for example { x: 10, y: 10, duration: 5 } by { x: 5, y: 5, duration: 3 } on the fly with minimal delay.
Is it possible, or i just need to optimize logic and for example clear-reinit only changed tweens/timelines?
https://codepen.io/belyanskii/pen/vYLBZQE