Answer the question
In order to leave comments, you need to log in
What is the relationship between animation time and object size?
Suppose there are two different objects on the page, with different heights (sizes). When setting the same animation timing, the speed of the objects seems different and does not visually correlate with each other.
How to set the animation timing in this case and calculate its dependence on the size?
Answer the question
In order to leave comments, you need to log in
From the animation, it turns out that a large object in relation to a smaller one will seem slower, since its mass is heavier. If I were you, I would try to delay a large object by about 1/3 of the timing of a small one. Example:
Appearance of an object from the side:
Small object 1 sec
Large delay 0.33
The best thing is to do it by eye. Even if you derive some formula and calculate everything exactly according to it, users of your interface will not sit near screens with stopwatches. They will take everything into account. That's why you do exactly that - by eye. So, as you yourself, this animation will look more harmonious.
It would be easier to advise something by looking at an example.
Didn't find what you were looking for?
Ask your questionAsk a Question
731 491 924 answers to any question