Эффект «жалюзи» / «шторки» на Тильде (анимация шейпов по ховеру, скроллу)
Всем привет😘👋
Не забываем ставить 👍 и подписываемся на канал 🛎 — впереди много интересного🔥🥳 , а все полезные ссылки, упоминаемые в видео, уже указаны для вас ниже💓
С вами — Наталья Чистякова, 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
1057
309
2 months ago 00:02:23 1
Рулонные шторы MGII с тканью АЛЬФА цвет персиковый для закрытия офисных панорамных окон.
2 months ago 00:06:01 1
Хватит тратить деньги на классические жалюзи. Покажу сразу 3 бюджетные альтернативы
2 months ago 00:00:49 1
Как повесить шторы с эффектом люверсов?
3 months ago 00:04:51 1
Теплый алюминий. Остекление коттеджа.
3 months ago 00:05:39 1
Энергоэффективное остекление коттеджа
4 months ago 00:04:03 1
Натянула кусок шторы на старую сковороду. Покажу, какая красота получилась
4 months ago 00:04:01 1
Бюджетный вариант рулонных штор на лето, из теплоизоляции, сделай сам, эффект прохлады 100%
5 months ago 00:01:00 1
Как повесить шторы с эффектом люверсов на шторной ленте #shorts #лайфхаки #шторы
5 months ago 00:01:09 3
Умная пленка переменной прозрачности в действии.
6 months ago 00:05:05 1
Шторы в натяжном потолке. Скрытый карниз со светодиодной подсветкой для натяжного потолка Карниз Р50
6 months ago 00:00:16 1
Как работают негорючие шторы «Gardista»?
6 months ago 00:00:20 1
Как работают разделительные шторы «Gardista»?
6 months ago 00:00:18 1
Как работают шторы от электромагнитных излучений «Gardista»?
6 months ago 00:00:24 1
Как работают звукоизоляционные шторы «Gardista»?
7 months ago 00:17:40 4
Забор жалюзи. Итоги и рассуждения
7 months ago 00:05:15 1
Сплит система Grand line Inverter R32 ECW/I-TC #кондиционер #сплитсистема #ecoclima #охлаждение
7 months ago 00:00:31 1
Midea Breezeless real comfort
7 months ago 00:01:36 2
Рулонные шторы MINI с тканью КРИС 1852 серый, на окна под интерьер кухни.#декорокон #рулонныешторы
8 months ago 00:02:21 1
Как надежно и дешево закрыть окна от солнца и сохранить прохладу. Для этого отправилась в строй маг
8 months ago 00:03:39 1
Московский завод металлоизделий «Профметалл» - лидер по развитию производства
8 months ago 00:00:03 1
Рулонные шторы LVT для эффективного регулирования освещения в школе.
8 months ago 00:04:06 1
Шторная лента с эффектом люверсов / Как пришить люверсную ленту / Шторы со складками #DIY Tutorial
8 months ago 00:00:11 1
Мощный промышленный вытяжной вентилятор с жалюзи в действии. Компания ASIA TAREN
9 months ago 00:13:03 1
Эффект «жалюзи» / «шторки» на Тильде (анимация шейпов по ховеру, скроллу)