Как сделать необычную смену цвета фона при скролле
Сложность
Фигура
Shape
Скролл
Desktop
Mobile
Изменение цвета фона через фигуру — эффектный приём для создания динамичной страницы на сайте и управления вниманием пользователя.

Добавьте на страницу Zero Block, создайте фигуру, разместите её на экране и перейдите в раздел Step-by-step animation
В параметре Event выберите значение On scroll, в параметре Start Trigger – Window Bottom, в Trigger Offset поставьте значение -200, чтобы анимация началась чуть выше конца экрана.

Добавьте один шаг анимации и установите значения: Distance – 350, Scale – 500%. Это значит, что фигура через 350px прокручивания вниз увеличится до 500% процентов.
4. Опубликуйте страницу и наслаждайтесь эффектом
Другие статьи HOW-TO
Меню с горизонтальной прокруткой
О5
Большое количество пунктов меню
на сайте может смотреться громоздко в мобильной версии …
Сложность
Меню
Прокрутка
Шапка
Mobile
Читать
Эффект разлетающихся карточек
О2
Такой приём можно использовать там, где необходимо захватить внимание пользователя — на обложку
Сложность
Карточки
Скролл
Mobile
Читать
Desktop
Эффект
бегущей строки
О1
Бегущую строку на сайте часто используют ситуативно, например, во время распродаж. Если разместить …
Сложность
Строка
Текст
Desktop
Mobile
Читать
Больше полезных дизайн-советов,
а также обновления платформы ищите
в наших социальных сетях.
Подписывайтесь, чтобы ничего не пропустить
Made on
Tilda