Горизонтальный скролл карточек с кликабельными элементами на Тильде

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