Привет! Мы продолжаем публиковать каждый месяц 10 разнообразных интересных решений со всего мира на no-code инструментах и немного рассказываем, как реализованы некоторые из них. В этот раз рассмотрим решения на конструкторе Tilda, демонстрируя возможности платформы. Поехали.
by Anatolii Sakalo, Украина
Решения:
— Анимация чисел. Реализуется через зероблок с добавлением кода, который будет проигрывать анимацию до заданного числового значения.
— При скролле страницы проявляются рисунки в анимации. Как будто кто-то рисует на сайте от руки, пока вы изучаете портфолио.
by Анастасия Кузнецова, Россия
https://teenartawards.com/?ref=https://tilda.cc/ru/madeontilda/
Решения:
— Фотография первого экрана деформируется в ответ на движение курса. Реализуется это при подключении определенного скрипта.
— Используется сложный кастомный курсор, который создаётся при подключении скрипта. Все решения можно найти в поисковике по необходимому запросу.
— На всём сайте много зацикленных кастомных анимаций: бегущие строки, фотографии, отдельный элементы, которые реализуются обычными инструментами анимации в зероблоке.
https://luxury-renovation.tilda.ws/
Решения:
— По всему сайту мы видим анимированный шум. Такой эффект можно реализовать с помощью добавления гиф-паттерна с шумом через зероблок и применив небольшой кусок кода. Подробнее можно узнать здесь.
by Тёма Травкин, Россия
https://localkitchen.danatema.ru/?ref=https://tilda.cc/ru/madeontilda/
Решения:
— Сложные кастомные анимации элементов по скроллу, очень интересная презентация продукта и смелые решения в дизайне.
by Markus Bright, Россия
Решения:
— Смешанный поэкранный скролл. Такой эффект можно реализовать с помощью подключения блока с кодом и небольших махинаций с зероблоками. Выглядит эффектно.
by Rin Grosheva, Россия
https://ringrosheva.ru/?ref=https://tilda.cc/ru/madeontilda/
Решения:
— Кастомный курсор с эффектом оверлея и инверсией цвета фона. Реализуется при помощи скрипта.
by Fedotov, Россия
https://orbita.link/work?ref=https://tilda.cc/ru/madeontilda/#!/tab/331794395-1
by Julia Guseva and Iloveher Studio, Вена
Решения:
— Анимированная иллюстрация на стартовом экране. На самом деле это обычное зацикленное видео с автовоспроизведением.
by Alimova Nata, Екатеринбург, Россия
http://sberculture.tilda.ws/?ref=https://tilda.cc/ru/madeontilda/
by Оксана Кузнецова, Россия
http://stefansagmeister1998.tilda.ws/?ref=https://tilda.cc/ru/madeontilda/
Очень важно понимать, что Тильду создали и совершенствуют наши соотечественники и активно демонстрируют её возможности во внутреннем коммьюнити и соцсетях. Больше работ по разным тематикам можно найти именно там. Подписывайтесь на дайджест — будем вместе разбирать интересные решения на no-code платформах и делиться крутой экспертизой!
Было интересно? Читай предыдущий выпуск по ссылке
Оставить комментарий и обсудить статью можно на vc.ru
![[Команда Everest] Интервью с Леной, UX-дизайнером](/upload/iblock/be6/be6bfa069993d3e7c5964dd4a1e6133d.png)
