Комментарии 7
Хочу примеры этих кейсов в CodeSandbox или Stackblitz
Примеры действительно бы не помешали, а также автор не написал, насколько сложны изучение и понимание этих фреймворков. Может там, черт ногу сломит пока разберёшься, что в итоге выльется в кучу потраченного времени. Иными словами, нужно понимать цену внедрения.
Немного поправлю, сейчас Framer Motion переименован в просто Motion
Статья со шлейфом некомпетентности.
CSS — быстрый и надёжный, но ограниченный.
Конечно ограниченный, особенно когда ты не умеешь программировать.
Как можно писать статью про анимации и при этом прикрепить к ней ровно ноль гифок?
Но когда нужна упругая, резиновая, «живущая» анимация — тут лучше справляются GSAP или Framer Motion. Особенно Framer: hover-анимации с "spring" — кайф.
Что эти эпитеты значат? Надо самому идти запускать и смотреть? Тогда зачем мне эта статья?
В 95% случаев анимация в UI не нужна, а вредна. Бесит своей растянутостью по времени.
Если нужно, чтобы что-то анимированно выезжало: достаточно трех фреймов: начальное положение, промежуточное, крайнее. Покажите их пользователю с интервалом 40 мс, остальное мозг додумает сам. 80–100 мс— именно столько, но никак не больше я готов терпеть, взирая как выпадают ваши выпадушки.
А девочку-дизайнершу, у которой кнопка должна превращаться в облачко — её нужно уволить, ибо ей следуют идти ы фирму, где рисуют мультфильмы.
Честно говоря, статья больше похожа на личную заметку в obsidian, чем на статью. Ещё и тэг сложности высокий почему-то стоит.
Плавность как фича: сравниваем фреймворки по анимации UI на реальных кейсах