Анимация линий и шейпов на Тильде: просто, эффектно и миллион вариантов

Всем привет Не забываем ставить и подписываемся на канал — впереди много интересного С вами — Наталья Чистякова, UX/UI Веб-дизайнер, в этом видео расскажу о том, как, используя положение элемента и скейл в SBS, круто, эффектно анимировать линии и шейпы на Тильде на появление / исчезновение (по скроллу, on screen, по ховеру) — и никаких «отъезжающих» шейпов на фон и прочего нафталина И да, посмотрим, как это всё можно использовать не сколько для собственно анимации, сколько для эффектной, техничной подачи контента ⏱Тайминг — для вашего удобства❤️: 00:00 — вступление 01:04 — анонсирую тему 02:44 — смотрим визуальную часть презентации — вначале показываю варианты как собственно анимации 12:00 — показываю прикладное применение анимации шейпов и линий для повышения наглядности и предметности подачи контента на сайте 13:10— пример анимации таймлайна /прогресс-бара 16:08 — пример анимации для инфографики (показатели активности, роста и т.п.) 17:01 — пример анимации плашек, например, в таблицах или аккордеонах 18:01 — пример открытия фотографии из нескольких шейпов@advanceclub+ эффект из Фигмы 19:23 — идея анимации для прелоадера через шейп с блюром 20:24 — техническая часть: настройки анимации линии или шейпа на появление 26:21 — настройки анимации линии или шейпа на исчезновение 28:14 — настройки анимации шейпа, при которой сначала появляется лини, а из неё разворачивается шейп 34:13 — вся суть видео — в паре предложений: всё завязано на скейле и на том, куда или откуда...