Шпаргалка по анимации

Триггеры

К какому триггеру ты можешь привязать анимацию внутри Webflow

Наведение и отведение курсора

Hover over and out

Начало загрузки страницы

Page starts loading

Первый и второй клик

First and second click

Завершение загрузки страницы

Page finishes loading

Движение мыши

Mouse movement

Переключение слайда

Slider panel change

Прогресс прокрутки

Scroll progress

Переключение табов

Tab panel change

Элемент в поле зрения и вне её

Scroll into and out of view

Открытие дропдауна

Dropdown open

Прокрутка вверх и вниз

Scroll up and scroll down

Открытие меню

Navbar menu open

Эффекты

Какие эффекты анимаций есть «из коробки» Webflow

Движение

Move

Ширина / высота

Width / height

Масштаб

Scale

Показать / скрыть

Show / hide

Вращение

Rotate

Цикл

Loop

Наклон

Skew

Easing

Easing

Прозрачность

Opacity

Продолжительность / задержка

Duration / delay

Цвет фона

Background color

Анимация на разные брейкпоинты

Per breakpoint visibility

Цвет границы

Border color

After Effects & Lottie

After Effects & Lottie

Цвет текста

Text color