Motion Layer · 5 эффектов
Тест анимаций
Все эффекты отключаются при prefers-reduced-motion и на touch-устройствах.
Эффект 01 · Text Reveal
Кинетическая
Эффект 02 · Hover Image Trail
Наведи курсор на строку — фото полетит за ним.
01
1 направление
Первый слой
Скролль дальше — карточка уменьшится и потемнеет.
02
1 направление
Второй слой
Каждая следующая секция «накрывает» предыдущую.
03
1 направление
Третий слой
scale 0.92 + opacity 0.55 у уходящей карточки.
Эффект 04 · Параллакс фото
Эффект 05 · Cursor Follower
Кружок уже следует за твоим курсором по всему сайту.
Проверить над ссылкой →