filmov
tv
Адаптивная верстка в Тильде страницы Team - Пример 11
Показать описание
Переходите на мой основной сайт и оставляйте заявку на верстку в Тильде Ваших макетов:
---------------------------------------------------------
Пример лендинга, собранного мной на Тильде.
----------------------------------------------------------------------------------------
Верстка страницы выполнена на Zero блоке Тильды. Благодаря работе с кодом, на сайте применены не стандартные для Тильды эффекты:
- меню, накладываясь на следующие блоки, имеет два варианта исполнения (темный и светлый, смотрите другие видео), при этом оба варианта имеют единый контент и редактирование какого-либо элемента меню происходит в одном месте один раз;
- видео на страницу встроено не с использованием ссылки Ютуб, а с помощью кода, html-тега video, в результате имеем возможность регулировать размеры видео так, как это задумал дизайнер;
- список сотрудников, представленный на странице, собран с использованием ZERO блока. Анимация элементов выполнена как с помощью возможностей нулевого блока Тильды, так и благодаря использованию кода CSS для того, чтобы при наведении на элемент списка фото сотрудника появлялось строго под надписью, вместе с тем чтобы оно покрывало элементы соседних пунктов списка. Стандартными средствами Тильды такого эффекта и нескольких типов анимации на один объект сделать нельзя;
- подвал сайта, аналогично меню, накладываясь на предыдущие блоки, имеет два варианта исполнения (темный и светлый, смотрите другие видео), при этом оба варианта имеют единый контент и редактирование какого-либо элемента футера происходит в одном месте один раз.
С помощью ZERO блока Тильды была создана анимация:
- отрисовки линий при загрузке страницы на главном экране,
- пульсирующая анимация локаций на карте,
- эффект параллакс карты,
- появления элементов на экране,
- прочая анимация элементов.
Спасибо за внимание!
---------------------------------------------------------
Пример лендинга, собранного мной на Тильде.
----------------------------------------------------------------------------------------
Верстка страницы выполнена на Zero блоке Тильды. Благодаря работе с кодом, на сайте применены не стандартные для Тильды эффекты:
- меню, накладываясь на следующие блоки, имеет два варианта исполнения (темный и светлый, смотрите другие видео), при этом оба варианта имеют единый контент и редактирование какого-либо элемента меню происходит в одном месте один раз;
- видео на страницу встроено не с использованием ссылки Ютуб, а с помощью кода, html-тега video, в результате имеем возможность регулировать размеры видео так, как это задумал дизайнер;
- список сотрудников, представленный на странице, собран с использованием ZERO блока. Анимация элементов выполнена как с помощью возможностей нулевого блока Тильды, так и благодаря использованию кода CSS для того, чтобы при наведении на элемент списка фото сотрудника появлялось строго под надписью, вместе с тем чтобы оно покрывало элементы соседних пунктов списка. Стандартными средствами Тильды такого эффекта и нескольких типов анимации на один объект сделать нельзя;
- подвал сайта, аналогично меню, накладываясь на предыдущие блоки, имеет два варианта исполнения (темный и светлый, смотрите другие видео), при этом оба варианта имеют единый контент и редактирование какого-либо элемента футера происходит в одном месте один раз.
С помощью ZERO блока Тильды была создана анимация:
- отрисовки линий при загрузке страницы на главном экране,
- пульсирующая анимация локаций на карте,
- эффект параллакс карты,
- появления элементов на экране,
- прочая анимация элементов.
Спасибо за внимание!