VARVARA CHESNOKOVA
ПОРТФОЛИО
ПУБЛИКАЦИИ
УСЛУГИ
Я фотографирую результат труда многих месяцев и моя задача запечатлеть кульминацию вашего проекта на снимках
ИНТЕРЬЕРНЫЙ ФОТОГРАФ
Магазин спортивной одежды KAVARA
Офис компании Точка дизайна
Портфолио
Квартира в ЖК Сердце столицы
Квартира в ЖК Lucky
Как сделать
Смена цвета меню
Инструкцию взял вот отсюда: https://mo-ti.ru/hamelionmenu

1. Делаем меню в zero блоке.
2. Код меняет только цвет текста. Для всех иконок, линий и т.п. нужно делать svg изображение и ставить класс у элемента icon-black и icon-white
3. Для того, чтобы меню понимало, где менять цвет, мы создаем якорную ссылку #chameleon
4. Добавляем код и меняем #rec на ваш.

Анимация по скроллу
1. Все элементы располагаем на экране и двигаем вправо, как бегущая строка
2. Высоту экрана делаем 650 px и растягиваем на 100% экрана.
3. Делаем у блока Overflow VISIBLE
4. Снизу добавляем Zero блок с высотой равную длине шага последнего элемента. Но вообще лучше просто делать экспериментальным путем.
5. Чтобы наш текст не залезал уже на 3 блок (который темный), мы в 3 блоке создаем штук 20 невидимых шейпов, чтобы у нас было много слоев, далее выше них делаем перекрытие шейпом в цвет фона (под эти шейпом и будут прятаться элементы, которые анимированы по скроллу), а уже над этим шейпом вы располагаем всю нашу инфу, которая должна быть в блоке. Скрин ниже.


Видеоинструкция