Сглаживание CSS3 анимации

Question

При использовании transition или animation в результате анимации не является гладким и является «нервным» в обоих IE10 и хром (не тестировалось любой другой) при работе с полями, но непрозрачности переходов, как представляется, хорошо.

Here - ссылка на скрипку. Here - еще один пример.

Мне кажется, что браузеры не используют десятичные знаки при сползании вниз, но при угасании непрозрачности они есть.

Как мне сгладить анимацию? Я рассмотрел использование jQuery для создания анимации, но я все равно буду использовать анимацию CSS для всего остального.

Answer 1

Лучшей практикой является использование изображений в оригинальном размере. Если вы их перемасштабируете, они могут выглядеть неравномерно, особенно в анимации CSS. Если у вас есть изображения в анимации, которые имеют более высокое разрешение, чем необходимо, вы должны изменить их размер.