Это последний пост из серии про Taptop анимации на нашем сайте IZUM STUDY 👈

Сегодня показываем трансформацию по скроллу (или Scroll transform).
На сайте её можно увидеть в блоках:

«Ваши шаги к успеху»— во время скролла прозрачность текстовых блоков меняется с 100% на 40% в зависимости от расположения на экране и наоборот, появляется и пропадает кнопка «Хочу на старт».

«Стоимость» — пунктирные круги вращаются при скролле.

«Учись. Верстай. Побеждай» — когда пользователь прокручивает страницу, навбар окрашивается в чёрный цвет. Чёрные круги увеличивается, их прозрачность меняется с 40% на 100%.

«Шаблоны» — при прокрутке движутся изображения лендингов в центральном блоке, меняются тэги, нумерация и ссылки на кнопках «Посмотреть сайт».

А научиться самому делать запоминающуюся и нестандартную анимацию на Toptop можно у нас на менторской программе IZUM STUDY 🙌