Почему анимация такая «дёрганная»?

Question

[Igor Lanko]

Приветствую сообщество!

Почему анимация получается такой дерганной? И в Webkit, и в Moz. Что делаю не так?

Вот тут можно посмотреть, как оно задорно дергается.

UPD: почему-то сразу не подумал, что такое может происходить из-за типа анимации, а она у меня кастомная. Попробовал поставить обычную кривую «ease». Стало дергаться немного меньше, но все же раздражает.

Answer 1

[Денис Инешин]

Подправьте настройки анимации: jsfiddle.net/ra4hL5uh/1 А лучше сделайте через генератор:
matthewlein.com/ceaser

+ если плавности будет не хватать можно использовать для анимации не top, а делать через translate или translate3d

Comments

[Igor Lanko]

Ну вот в том то и дело, что обычные стандартные linear не подходят. Нужен именно эффект резкого выпада и замедленного «приземления». Попробую через translate.

[Igor Lanko]

Да, действительно translate идеально подошел. Спасибо!