315 читали · 2 года назад
Принципы анимации в Tilda Zero Block — от прототипов к продвинутой анимации в Тильде
Автор: Анастасия Свеженцева В этом проекте вас ждет работа с мягкими анимациями в Tilda: базовой и продвинутой — пошаговой анимацией. Добавляем изображениям анимацию с эффектом параллакса и настраиваем продвинутую триггерную анимацию. Шаг 1. Знакомство с пошаговой анимацией в Tilda Zero Block, настройка анимации заголовка и фото продукта в первом экране Изучим принципы пошаговой анимации и инструменты анимации в Tilda Zero Block: тайминги, изинги, изменение координат и свойств элементов при анимации...
278 читали · 2 года назад
Скролл объектов в Zero-block по движению мыши
#анимация #тильда #tilda #zero block #зеро блок #верстка Посмотреть эффект можно на этой странице. В чем суть в двух словах? Вы шевелите мышкой, а объекты в зеро-блоке двигаются влево или вправо, в зависимости от движений мышкой. Но это же база... Д! Тут всё просто, никакого кода нет, это лишь хитрости Тильды. Инструкция будет полезна, если вы никогда не тыкали в различную анимацию в Zero-блоке или просто не понимаете, как работает параллакс-эффект. А как в итоге сделать то? Создаём в Zero block кучу элементов в одну строку...