Горизонтальный скролл карточек с кликабельными элементами на Тильде
Всем привет😘👋
Не забываем ставить 👍 и подписываемся на канал 🛎 — впереди много интересного🔥🥳: сегодня у нас — вновь урок по анимации, а в ближайшем же выпуске😁 рассмотрим перечень документов, которые обязательно должны быть на сайте💪🔥
С вами — Наталья Чистякова, 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 #карточки
3 views
1416
444
4 years ago 00:15:30 13
Красивый горизонтальный скролл webflow
5 years ago 00:20:29 86
Горизонтальный скролл в webflow
3 years ago 00:13:46 224
Как сделать горизонтальный скролл в прототипе фигма. Делаю экран мобильного приложения.
3 years ago 00:16:53 19
Умная анимация в Figma | Горизонтальный скролл в Figma | Горизонтальная анимация в Figma
6 years ago 00:01:05 433
#ReadymagПодсказки: Горизонтальный скролл в вертикальном проекте
2 years ago 00:05:01 30
Как сделать горизонтальный скролл карточек на Тильде
1 year ago 00:29:11 3
Горизонтальный скролл карточек с кликабельными элементами на Тильде
9 months ago 00:26:36 1
Урок 3. Пошаговая анимация на Тильде (горизонтальный скролл)
1 year ago 00:02:04 1
Как сделать прокрутку в Фигма | Вертикальный и горизонтальный скролл в Figma
4 months ago 00:39:08 26
Скролл - шутеры на ZX Spectrum: эволюция
10 years ago 00:04:37 555
Горизонтальный Parallax Scrolling в Adobe Muse
9 months ago 00:05:12 1
Как настроить вертикальный скролл в Тильде
3 months ago 00:08:32 1
Visual C++. Горизонтальный Scroll bar. Использование в программе. Урок 61
2 years ago 00:07:59 4
Как сделать любой скролл БЕЗ КОДА в ZERO BLOCK на конструкторе TILDA