Горизонтальный скролл карточек с кликабельными элементами на Тильде
Наталья Чистякова
0:00 / 0:00
Горизонтальный скролл карточек с кликабельными элементами на Тильде
2 415 просмотров · 2 г. назад
Наталья Чистякова
695 подписчиков
2 415 просмотров · 2 г. назад
Всем привет😘👋
Не забываем ставить 👍 и подписываемся на канал 🛎 — впереди много интересного🔥🥳: сегодня у нас — вновь урок по анимации, а в ближайшем же выпуске😁 рассмотрим перечень документов, которые обязательно должны быть на сайте💪🔥
С вами — Наталья Чистякова, UX/UI Веб-дизайнер, в этом видео рассказываю о том, как настроить горизонтальный скролл карточек с кликабельными элементами на Тильде😻: несмотря на то, что мануала на эту тему, скорее всего, должно быть отснято уже немало, ко мне приходят за консультацией по анимации, и скролл по-прежнему остаётся популярным запросом)) Поэтому лови🙌✔️
Кроме того, по традиции предлагаю вливаться в наш профессиональный и очень душевный чат Pro.дизайн 👉https://t.me/pro_design23
Подписывайся на сообщество в ВК — тебе это ничего не стоит, а я с каждым новым участником всё ближе к возможности комментить от имени своего паблика 🥰🙏 👉 https://vk.com/chistyakova.website
Мой ТГ — https://t.me/chistyakova_website
ВК — https://vk.com/chistyakovan
Инст (продукт Meta, в РФ признана экстремистской организацией) — https://instagram.com / chistyakova.website
DProfile — https://mvp.dprofile.ru/chistyakovan
🤘 Итак, по делу: в видео рассказываю, естественно, о технической стороне, о том, как сделать обратный горизонтальный скролл — слева направо, и как же, наконец, заанимировать этот самый скролл в мобильной версии👀😁🔥
☕️ Кстати, желающим задонатить — к боту-помощнику🦊 👉 https://t.me/ChistyakovaDesignBot
⏱Тайминг — для вашего удобства❤️:
00:00 — вступление и о том, чем занимаюсь и с каким запросом ко мне можно, а иногда и нужно обратиться
01:15 — анонсирую тему следующего эфира — по пакету документов для сайта
02:18 — переходим к теме эфира, а также объясняю, почему тема связана именно со скроллом
04:23 — перехожу к комментам по презентации и анимируем
19:22 — как высчитать высоту зеро-блока под анимацию
23:22 — полезные мысли о том, на какой высоте и вообще по какой логике фиксировать карточки, если учитывать разные высоты экранов
24:30 — два слова о том, как сделать скролл в обратную сторону😁
25:11 — как анимировать мобильную версию
✔️Полезные ссылки:
📌 Мой супер полезный и понятный видос по триггер-оффсетам (смотреть тем, кто не разобрался💪🙌!!) 👉 • Trigger offset в сценариях анимации на Тильде
👀 Может быть интересно:
📌 видео по анимированию карточек с фиксацией по скроллу 👉 • Фиксация карточек по скроллу с кликабельны...
📌 видео по анимированию карточек с фиксацией по скроллу СВЕРХУ 👉 • Фиксация карточек по скроллу с кликабельны...
В работе использую расширение для Хрома — «1px: Простая линейка»📏
📹 Хочешь предложить свою тему эфира или давай соберём эфир вместе — пиши в ТГ https://t.me/chistyakova_website (никнейм: @chistyakova_website) или в комментах к этому видео🔥
✅ Ещё раз напоминаю о том, что это и другие полезные видео выкладываю, в том числе, в рамках нашего дизайнерского чата, в котором являюсь Админом — чат Pro.дизайн 👉 https://t.me/pro_design23
В общем, вливайтесь для нормального человеческого и профессионального общения, а также на случай, если давно хотели закинуть какую-нибудь интересную тему, но не решались😁 — мы периодически проводим эфиры, так что у вас есть реальный шанс стать приглашённым спикером-экспертом и поделиться своими знаниями, инсайтами и компетенциями с грамотной интеллигентной и просто клёвой аудиторией🔥✨☺️, а потом взять и выложить запись своего бенефиса в соцсетях😉 — отличный инфоповод💪
🥰Если есть вопросы ко мне:
🧩 дизайн;
🧩 типографика и композиция на сайте;
🧩 анимация любого сценария и уровня сложности;
🧩 подбор креативных идей;
🧩 оформление документов для сайта (Политика конфиденциальности, Публичная оферта, РКН, согласие субъекта ПД);
🧩 оформление отношений с заказчиками, разрешение спорных ситуаций, составление актов и претензий),
— пиши в ЛС, разберёмся в любой ситуации🤝
Чат Pro.дизайн 👉https://t.me/pro_design23
Мой ТГ — https://t.me/chistyakova_website
ВК — https://vk.com/chistyakovan
Подписывайся на сообщество в ВК🥰👉 https://vk.com/chistyakova.website
Инст (продукт Meta, в РФ признана экстремистской организацией) — https://instagram.com / chistyakova.website
DProfile — https://mvp.dprofile.ru/chistyakovan
Приятного просмотра👀🔥
#скролл #фиксация #тильда #tilda #карточки