Разберёмся
Анимация может пояснять связи и иерархию, но также вызывать дискомфорт, тошноту и отвлекать.
Эффекты
- Плюсы: ориентация («откуда появилась панель»), обратная связь, плавность.
- Минусы: vestibular disorders, эпилепсия (вспышки), потеря фокуса внимания, задержки для power users.
@media (prefers-reduced-motion: reduce) {
* {
animation: none !important;
transition: none !important;
}
}
Правила: не делать обязательный motion для смысла; уважать prefers-reduced-motion; избегать крупных параллаксов и бесконечных петлей.
Итог
Анимация — усиление UX, не единственный носитель смысла. Всегда предусматривайте режим с уменьшенным движением.