Какова зависимость времени анимации от размера объекта?
Предположим, что есть два разных объекта на странице, с разной высотой (размером). При выставлении одинакового тайминга анимации, скорость объектов кажется разной и визуально не соотносится друг с другом.
Как в данном случае выставить тайминг анимации и вычислить его зависимость от размера?
По анимации выходит, что обьект большого размера по отношению к меньшему будет казаться медленнее, так как масса его тяжелее. Я бы на вашем месте попробовал бы сделать задержу большого обьекта примерно, на 1/3 от тайминга маленького. Пример:
Появление обьекта со стороны:
Маленький обьект 1 сек
Большой задержка 0,33
Лучше всего — делать на глаз. Даже если вы выведите какую-то формулу и просчитаете всё точно по ней, пользователи вашего интерфейса не будут сидеть возле экранов с секундомерами. Они будут воспринимать всё на глаз. Потому и вы делайте именно так — на глаз. Так, как вам самому эта анимация будет смотреться гармоничнее.
Было бы легче что-то посоветовать, посмотрев пример.
Средний
