MUSEUM
ABOUT
GALLERIE
CONTACTS
At this thought he was overwhelmed by such fear that he suddenly sat bolt upright. Then began to laugh.
SCROLL
Creativity is to discover a question that has never been asked. If one brings up an idiosyncratic question, the answer he gives will necessarily be unique as well.
There is no design without discipline. There is no discipline without intelligence.
The best ideas come as jokes. Make your thinking as funny as possible.
Everything should be made as simple as possible, but not simpler.
Как сделать
Как сделать
Смена цвета меню
Инструкцию взял вот отсюда: 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 невидимых шейпов, чтобы у нас было много слоев, далее выше них делаем перекрытие шейпом в цвет фона (под эти шейпом и будут прятаться элементы, которые анимированы по скроллу), а уже над этим шейпом вы располагаем всю нашу инфу, которая должна быть в блоке. Скрин ниже.
Инструкцию взял вот отсюда: 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 невидимых шейпов, чтобы у нас было много слоев, далее выше них делаем перекрытие шейпом в цвет фона (под эти шейпом и будут прятаться элементы, которые анимированы по скроллу), а уже над этим шейпом вы располагаем всю нашу инфу, которая должна быть в блоке. Скрин ниже.
Видеоинструкция
Как добавить шаблон
Шаблоны можно добавлять только на оплаченный аккаунт. На студенческом или бесплатном аккаунте данный способ не работает
Создаем новую страницу на сайте
Скроллим в самый низ
Добавляем нужный id шаблона