Перейти к содержимому

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

Наталья Чистякова

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 #карточки