В уроке разобраны четыре эффекта анимации появления: движение (translate), масштабирование (scale), поворот (rotate), непрозрачность (opacity). Для каждого — настройка длительности, задержки и интерполяции (ease, ease-in, ease-out, linear). Показано, как комбинировать несколько эффектов на одном элементе.
Анимация срабатывает, когда элемент входит в зону видимости при скролле. Режим «Повторять» включает анимацию каждый раз при входе в зону — без него она запускается один раз. Задержка (delay) — ключ к эффекту последовательного появления карточек в сетке.
Урок для тех, кто уже разобрался с базовым интерфейсом Taptop и хочет добавить жизнь на страницу через анимации. Теория CSS-анимаций не нужна — всё настраивается через панель, без кода.