Между откликом и представлением
Кнопка может мягко менять цвет при наведении, раскрывающийся блок — показывать направление движения, а полоса чтения — отражать положение в статье. У таких эффектов есть функция. Бесконечно движущийся фон или крупная непрерывная заставка обычно не сообщают ничего нового и быстро утомляют.
Ограничения полезнее эффектности
Анимируйте преимущественно opacity и transform, избегайте движения крупных текстовых блоков во время чтения. Короткая продолжительность помогает не задерживать действие. И всегда учитывайте системный параметр prefers-reduced-motion: человеку может быть физически некомфортна избыточная анимация.
Пример
Появление карточки один раз при прокрутке — декоративный приём; для смыслового содержания она должна быть видима и без скриптов.
Три пункта для проверки
- Выключите анимацию: смысл должен сохраниться.
- Проверяйте движение на слабом устройстве.
- Не используйте бесконечную анимацию для важных элементов.