Показываем, как создать эффектную анимацию по скроллу в Zero Block — разбираем пошаговую анимацию по скроллу, работу с масками и текстом, автолойаут для карточек и перенос анимации на мобильные устройства. Вы можете воссоздать эффект с нуля или использовать ID шаблона 130852226 для импорта макета из видео в ваш проект. Нажмите кнопку «Создать новую страницу» в Тильде, прокрутите вниз все шаблоны, нажмите «Введите ID шаблона», затем вставьте номер.
🌟 Шаблон страницы с анимацией: https://how-to-demo-websites.tilda.ws/mario-demo
⚡️Вложенность групп в Zero Block — https://blog.tilda.cc/nesting-groups-in-zero-block
⭐️ Как настроить глобальные стили на Тильде? — https://vkvideo.ru/video-89546664_456240513
🌟 Другие видеоинструкции по эффектам на Тильде: https://tilda.link/playlist-how-to
🌟 Бесплатный учебник по анимации в вебе: https://tilda.education/web-animation...
✨ Ближайшие вебинары Tilda Publishing: https://webinars.tilda.cc
👉 Создать сайт на Tilda: https://tilda.cc/ru
◾ Школа Тильды: https://tilda.school
00:00 — Введение
00:23 — Какие типы верстки есть в Тильде?
01:15 — Верстка первого экрана
03:20 — Создаём карточки товара
04:25 — Создаём анимацию фигурок при скролле
05:36 — Как создать эффект проваливания фигурки?
05:58 — Создаём анимацию для типографики с эффектом появления заголовка из под маски
06:46 — Как создать эффект бегущей строки по скроллу?
07:18 — Добавляем блок с изображением и текстом
07:23 — Как создать кнопку для макета?
08:03 — Адаптируем анимацию для мобильных устройств
🤩 Онлайн-журнал для дизайнеров, маркетологов и предпринимателей Tilda Education: https://tilda.education
Подписывайтесь на нас в соцсетях:
◾ Telegram: https://t.me/tildanews
◾ VK: https://vk.com/tildapublishing
◾ Instagram*: / tildapublishing
Оставить отзыв о работе на платформе Tilda: https://tilda.cc/ru/otzyvy
*Компания Meta Platforms Inc., владеющая социальными сетями Facebook и Instagram, по решению суда от 21.03.2022 признана экстремистской организацией, ее деятельность на территории России запрещена.
Теги: тильда, анимация, дизайн, сайты, фриланс, zero block
🌟 Шаблон страницы с анимацией: https://how-to-demo-websites.tilda.ws/mario-demo
⚡️Вложенность групп в Zero Block — https://blog.tilda.cc/nesting-groups-in-zero-block
⭐️ Как настроить глобальные стили на Тильде? — https://vkvideo.ru/video-89546664_456240513
🌟 Другие видеоинструкции по эффектам на Тильде: https://tilda.link/playlist-how-to
🌟 Бесплатный учебник по анимации в вебе: https://tilda.education/web-animation...
✨ Ближайшие вебинары Tilda Publishing: https://webinars.tilda.cc
👉 Создать сайт на Tilda: https://tilda.cc/ru
◾ Школа Тильды: https://tilda.school
00:00 — Введение
00:23 — Какие типы верстки есть в Тильде?
01:15 — Верстка первого экрана
03:20 — Создаём карточки товара
04:25 — Создаём анимацию фигурок при скролле
05:36 — Как создать эффект проваливания фигурки?
05:58 — Создаём анимацию для типографики с эффектом появления заголовка из под маски
06:46 — Как создать эффект бегущей строки по скроллу?
07:18 — Добавляем блок с изображением и текстом
07:23 — Как создать кнопку для макета?
08:03 — Адаптируем анимацию для мобильных устройств
🤩 Онлайн-журнал для дизайнеров, маркетологов и предпринимателей Tilda Education: https://tilda.education
Подписывайтесь на нас в соцсетях:
◾ Telegram: https://t.me/tildanews
◾ VK: https://vk.com/tildapublishing
◾ Instagram*: / tildapublishing
Оставить отзыв о работе на платформе Tilda: https://tilda.cc/ru/otzyvy
*Компания Meta Platforms Inc., владеющая социальными сетями Facebook и Instagram, по решению суда от 21.03.2022 признана экстремистской организацией, ее деятельность на территории России запрещена.
Теги: тильда, анимация, дизайн, сайты, фриланс, zero block
Как создать эффектную анимацию для презентации товаров в Zero Block?
