​Интерактивное руководство по CSS-переходам

Большой гайд с примерами: https://proglib.io/w/d499bab7

#css #animation

Расширенная анимация CSS с использованием cubic-bezier()

При создании сложных CSS-анимаций мы часто пишем сложные развернутые @keyframes. Однако есть прием, который может здорово упростить задачу и сократить количество кода - создание пользовательских временных функций с помощью cubic-bezier().

В статье невероятные анимации вообще без keyframes: https://proglib.io/w/eeee3486

#css #animation

​Keyframe-анимация: интерактивное руководство

https://proglib.io/w/8644afae

#css #animation

Карточки с параллакс-эффектом

Очень красивый эффект при наведении: https://proglib.io/w/a61647c9

#interface #animation #snippets

​Анимации в библиотеке компонентов

Виды анимаций, UX/UI паттерны, подходы в Angular с dependency injection: https://proglib.io/w/af55b5d2

#animation #angular #interface

​Эффект переворачивания страниц без JavaScript

https://proglib.io/w/ecbdc9c7

#snippets #animation

​Запуск анимации при скролле

Откладывание старта анимации до момента, когда пользователь до нее доскроллит, - распространенный и эффектный прием. В статье разбирается его реализация с использованием IntersectionObserver API (и фоллбэком для старых браузеров).

https://proglib.io/w/2bbaf368

#interface #animation

Эффект печати текста

https://proglib.io/w/0005da84

#snippets #animation

​3 лучшие React-библиотеки для создания анимации

https://proglib.io/w/79cdb8af

#react #animation