Был ли опыт работы с анимацией

Что проверяют

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

Как отвечать

Стройте ответ на своём проекте: что анимировали, чем, почему этим, как проверили. Вместо эффектных цифр вроде «отказы упали на 15%» назовите то, что реально измеряли, хотя бы стабильные кадры в профайлере на слабом телефоне. Опорные точки:

• инструмент под задачу: transition для смены состояний, @keyframes для циклов и появления, Web Animations API (element.animate()) для контроля из JS, requestAnimationFrame для canvas и анимации от данных. В React часто берут Motion (бывший Framer Motion), для сложных таймлайнов GSAP, для иллюстраций от дизайнера Lottie;
• производительность: дешевле всего transform и opacity, их обрабатывает композитор без пересчёта раскладки. Анимация width, top, margin запускает layout на каждом кадре. will-change ставят точечно, иначе растёт память на слои;
• бюджет кадра: при 60 Гц около 16 мс на кадр. Проверяют во вкладке Performance в DevTools с замедлением CPU;
• современные API: View Transitions (document.startViewTransition) для переходов между состояниями, scroll-driven animations в CSS вместо обработчика scroll. Поддержку в браузерах сверяйте на caniuse;
• доступность: медиазапрос prefers-reduced-motion отключает или упрощает движение для тех, кого оно укачивает.

Если опыта мало, скажите прямо: «в работе были только hover-переходы на CSS, Motion разбирал на пет-проекте». Честное «делал простое, сложное пробовал вне работы» звучит лучше выдуманного кейса.

Где спотыкаются

Перечисляют библиотеки без причин выбора. Интервьюеру важнее, почему для кнопки хватило CSS, а таймлайн потребовал GSAP.

Анимируют свойства раскладки, а потом лечат дёрганье через will-change на половине страницы.

Забывают про prefers-reduced-motion и про то, что анимация не должна задерживать действие: модалка, которая открывается секунду, раздражает уже на третий раз.