Trending
Recycling
Unique
Exclusive
T
R
U
E
to the collection
to the collection
to the collection
to the collection
Как сделать
Ставим нужный цвет фона блока. Высота блока 800px
Для резиновой верстки весь контент в блоке выставляем в window container
Из шейпов делаем 3 линии, которые разделяют экран на 4 части
Ставим значения 1 линия: по оси x - 25%, 2 линия: х - 50%, 3 линия: х - 75%
Добавляем по порядку картинки и ставим им размер (ширину) 25%
Располагаем 1 картинку по оси х - 0; 2 картинку: х - 25%, 3 и 4 картинки 50 и 75% соответственно
Буквам и надписям ставьте также значения по оси х в %
После того как весь контент в блоке расположили, добавьте 4 прозрачных шейпа со значениями как у картинок и расположите их в самом вверху в слоях
Добавляем анимацию на все элементы (кроме прозрачных шейпов и вертикальных линий)- step-by-step/on hover
Каждому объекту ставим подходящий триггер (в нашем случае прозрачный шейп)
Кроме букв, ставим шаги step 1: duration - 0, opacity - 0; step 2: duration - 0.2, opacity - 100
Буквам ставим шаги step 1: duration - 0, opacity - 100; step 2: duration - 0.2, opacity - 0
1.
2.
3.
4.
5.
6.
7.
8.

9.
10.
11.
12.
Шрифт
Cyrene
Id Шаблона
Cyrene
В “Мои сайты” нажимаем на кнопку “+ Создать новую страницу”
Скроллим в самый низ и нажимаем на кнопку “Указать ID шаблона”
Вписываем ID шаблона
как добавить шаблон
01
02
03
Made on
Tilda