Эффект «жалюзи» / «шторки» на Тильде (анимация шейпов по ховеру, скроллу)
Всем привет😘👋
Не забываем ставить 👍 и подписываемся на канал 🛎 — впереди много интересного🔥🥳 , а все полезные ссылки, упоминаемые в видео, уже указаны для вас ниже💓
С вами — Наталья Чистякова, UX/UI Веб-дизайнер, в этом видео расскажу о том, как реализовать эффект жалюзи или шторок, которые будут показывать контент по ховеру или скроллу, а, может, и элемент он скрин — не один шейп удаляется или появляется, а несколько, и использовать можно и часть, хоть растянуть на весь экран🔥 (В МОБ.ВЕРСИИ ХОВЕР НЕДОСТУПЕН, поэтому или скролл, или элемент он скрин)
Рассмотрела вариант анимации и по виндоу, и с автоскейлом😍
🦊Желающим задонатить — к боту-помощнику 👉
⏱Тайминг — для вашего удобства❤️ (ниже даю краткий пересказ словами):
00:00 — вступление
01:16 — подвожу к теме: откуда идея, чем интересна
01:55 — что именно будем реализовывать
03:15 — идеи применения такой анимации
04:13 — смотрим настройки для варианта вёрстки On Window Container
05:31 — рассчитываем ширину одного шейпа для варианта по виндоу
09:04 — вариант по виндоу, но по скроллу
09:33 — обзор настроек для автоскейла
11:38 — выражаю надежду на полезность видео и приглашаю в чат🙌
Всем спасибо за❤️🙏
✔️Полезные ссылки:
📌 Бегущая строка из изображений на Тильде в два клика 👉
📌 Анимация линий и шейпов на Тильде (используя тот самый скейл) 👉
📌 Вёрстка в Тильде по гриду 1200 , 1920 , автоскейл, виндоу контейнер, в чём разница, какие нюансы необходимо учитывать в работе👉
📌 Как выставлять правильные триггер-оффсеты для анимации в Тильде👉
📹Хочешь предложить свою тему для видео или давай соберём эфир вместе — пиши в ТГ (никнейм: @chistyakova_website) или в комментах к этому видео🔥
Ещё раз напоминаю о том, что это и другие полезные видео выкладываю, в том числе, в рамках нашего дизайнерского душевного чата, в котором являюсь Админом — чат Pro.дизайн 👉
Вливайтесь для человеческого и профессионального общения, а также на случай, если
давно хотели закинуть какую-нибудь интересную тему, но не решались😁 — мы периодически проводим эфиры, так что у вас есть реальный шанс стать приглашённым спикером-экспертом и поделиться своими знаниями, инсайтами и компетенциями с грамотной интеллигентной и просто клёвой аудиторией🔥✨☺️, а потом взять и выложить запись своего бенефиса в соцсетях😉 — отличный инфоповод💪
Если есть вопросы ко мне:
► дизайн;
► типографика и композиция на сайте;
► анимация любого сценария и уровня сложности;
► подбор креативных идей;
► оформление документов для сайта (Политика конфиденциальности, Публичная оферта, РКН, согласие субъекта ПД);
► оформление отношений с заказчиками, разрешение спорных ситуаций, составление актов и претензий);
► любой вопрос за рамками поименованных — мои компетенции гораздо шире заявленных😉,
— пишите в ЛС, разберёмся в любой ситуации🤝
1 view
1247
464
6 months ago 00:04:01 1
Бюджетный вариант рулонных штор на лето, из теплоизоляции, сделай сам, эффект прохлады 100%
6 months ago 00:13:03 1
Эффект «жалюзи» / «шторки» на Тильде (анимация шейпов по ховеру, скроллу)
7 months ago 00:01:00 1
Как повесить шторы с эффектом люверсов на шторной ленте #shorts #лайфхаки #шторы
7 months ago 00:02:29 1
Подъёмный механизм рулонной шторы - принцип действия.
7 months ago 00:15:31 1
Уборка с Пароочистителем Karcher: Мои Впечатления
7 months ago 00:00:49 1
Как повесить шторы с эффектом люверсов?
7 months ago 00:13:26 1
Анимация текста из Матрицы в After Effects
8 months ago 00:05:30 1
Старая сковорода и остатки штор больше не валяются без дела. Использую их по-новому на кухне
8 months ago 00:15:17 1
Анимация бегущей строки из изображений (шейпов) в пару кликов на Тильде
8 months ago 00:00:11 1
Мощный осевой вытяжной вентилятор с жалюзи в действии. Компания ASIA- TAREN
9 months ago 00:09:18 1
ШИКАРНЫЕ ШТОРЫ В МОЛОЧНО-СЕРО-ЗОЛОТИСТЫХ ОТТЕНКАХ
9 months ago 00:09:48 1
Конкурс! / Итоги 2023 года на канале Grand Line / Зимние испытания продукции
9 months ago 00:00:43 1
Как сделать эффект Люверсов на шторах short #shorts
9 months ago 00:00:43 1
Экраны-отражатели UMBRELLA от ROYAL Clima для настенных сплит-систем | Экраны для кондиционеров. ЦЕНЫ ОТ 1 970 ₽
10 months ago 00:04:06 6
Шторная лента с эффектом люверсов / Как пришить люверсную ленту / Шторы со складками #DIY Tutorial
11 months ago 00:09:52 1
Как выбрать шторы блэкаут (blackout). Ткани для штор блэкаут и димаут
11 months ago 00:15:49 1
Как сделать идеальные складки на шторах. Система WAVE для штор
1 year ago 00:02:33 1
Плиссированные шторы Natty
1 year ago 00:08:25 4
КАК СДЕЛАТЬ НОЧЬ В КИНО/ Схема света для ночной сцены
1 year ago 00:28:14 3
БОЛЬШЕГРУЗ / ЗАБИРАЮ НОВЫЙ ПРИЦЕП - ШТОРА / ВПЕЧАТЛЕНИЯ О VOLVO / ГРУЖУСЬ НА ЮГ
1 year ago 00:00:36 1
Как создать эффект надломленной шторы
1 year ago 00:00:40 1
Рулонные шторы в детскую, в коробе с направляющими! Ткань блэкаут 100% защита от солнца!
1 year ago 00:02:06 1
Установка стандартной рулонной шторы PRAKTO День-ночь на стену
1 year ago 00:01:09 4
Рулонные жалюзи в шкаф, отличная идея - смотрите в действиии