Как настроить Trigger offset для анимации в Zero Block

Рет қаралды 9,457

Күн бұрын

Параметр Trigger offset позволяет настраивать отступ, при котором начнёт воспроизводиться анимация в Zero Block. В каких случаях его можно применять и как грамотно рассчитать - узнаете из видео дизайнера Ани Мельник.
◾ Инстаграм Ани Мельник: / ania._.melnik
🌟 Инструкция по базовой анимации в Zero Block: tilda.link/animation-tutorial
🌟 Инструкция по пошаговой анимации в Zero Block: tilda.link/sbs-tutorial
🌟 Полезные видео по работе в Zero Block: tilda.link/playlist-zero-block
✨ Ближайшие вебинары Tilda Publishing: webinars.tilda.cc
👉 Создать сайт на Tilda: tilda.cc/ru
◾ Школа Тильды: tilda.school
00:00 - Что такое Trigger offset
00:42 - Пример использования параметра Trigger offset
01:39 - Настройка Trigger offset для базовой анимации в Zero Block
06:28 - Настройка Trigger offset для анимации фиксации в Zero Block
09:30 - Как рассчитать значение Trigger offset
12:05 - Настройка Trigger offset для пошаговой анимации в Zero Block
20:43 - Как работает параметр Start trigger
31:58 - Настройка Trigger offset для мобильных разрешений
35:35 - Примеры использования
🤩 Онлайн-журнал для дизайнеров, маркетологов и предпринимателей Tilda Education: tilda.education
Подписывайтесь на нас в соцсетях:
◾ Telegram: t.me/tildanews
◾ VK: tildapublishing
◾ Instagram: / tildapublishing
Оставить отзыв о работе на платформе Tilda: tilda.cc/ru/otzyvy
Теги: тильда, tilda publishing, zero block, анимация, пошаговая анимация

Пікірлер: 32

@AniaMelnik Жыл бұрын

@purbo1430 Жыл бұрын

Спасибо за очень полезный хак с шейпиком! 👍

@zhelezodesign90 Жыл бұрын

Аня, спасибо тебе за твои труды!) Ты крутая!

@natalyadyukina9099 Жыл бұрын

Аня, спасибо! Пыталась делать методом тыка, не понимала от чего отталкиваться, когда получалось, то это была случайность и я не могла повторить с другими элементами. Теперь стало понятно! Пошла экспериментировать

@TildaPublishing Жыл бұрын

Рады, что было полезно!

@design_by_poly Жыл бұрын

Аня, спасибо большое за такое подробное объяснение:) Жду не дождусь начала твоего курса по верстке и анимации в марте

@nikboom1912 Жыл бұрын

Отлично! Все четко и понятно.

@oleghojayev4458 Жыл бұрын

Красота) Спасибо большое)

@mariathomas6238 11 ай бұрын

Нереально крутое видео! Такое доступное объяснение, даже не терпится теперь пойти покопаться в этой анимации, которая меня пугала. Спасибо!

@user-ug1zy5qg7y Жыл бұрын

Аня классная💜 Спасибо)

@tayamihejeva7963 Жыл бұрын

Аня красотка!!! Спасибо большое!!! Супер полезно и наглядно! 💙

@TildaPublishing Жыл бұрын

Спасибо! 🧡

@designer_rustam196 Жыл бұрын

Я не могу спокойно смотреть видосики от Ани 😊

@Adelina_88 Жыл бұрын

Сайты в конце видео- это отвал всего😍😍😍 очень вдохновили, спасибо!

@TildaPublishing Жыл бұрын

Спасибо! 🧡

@Lightbluelights 5 ай бұрын

Спасибо! я начинаю понимать что такое этот триггер оффсет)

@ArturSmok Жыл бұрын

Ну просто лучшая!!!! Это первое видео которое было приятно смотреть каждую секунду. Спасибо большое!

@TildaPublishing Жыл бұрын

Спасибо 😉

@Marina-Isaeva-web 9 ай бұрын

Стотыщмильоновлайков!) Аня. спасибо огромное! Всё так чётко, понятно! Лайфаки просто супер!)

@Official-np2rq Жыл бұрын

Анют ты крутая

@christinatalvir8202 Жыл бұрын

Огромное спасибо за видео, многое прояснилось! =)) А как вычислить триггер офсет, если у меня вертикальный скролл из 5 элементов, 4й и 5й элементы за пределами экрана снизу? Четвёртому удалось выставить верный триггер офсет (везде window top), а у пятого триггер офсет ограничен тильдой значением 1000 (этого мало). Если выставить window bottom, то как высчитать значение? 0_о Подскажи, пожалуйста, второй день бьюсь 8`, 0

@user-wv4oy3qv4j Жыл бұрын

Доброго времени суток! Пожалуйста подскажите, если не трудно, не могу найти информацию в интернете! С помощью чего можно настроить ,чтобы зеро блоки менялись поочередно автоматически между собой?! Буду очень благодарна за любую информацию!

@TildaPublishing Жыл бұрын

Здравствуйте! Напишите, пожалуйста, обращение в нашу службу поддержки. Это можно сделать на странице tilda.cc/tickets или написать на почту team@tilda.cc. В обращении подробно опишите задачу, укажите ссылку на опубликованную страницу сайта и прикрепите полноэкранные скриншоты, которые помогут понять задачу и дать максимально точный ответ.

@user-ub3lc4nb2w Жыл бұрын

Здравствуйте! подскажите пожалуйста, почему при скроле вверх фигуры зафиксировались в одном месте? те анимация отработала один раз и все, остановилась и не двигается до тех пор пока не обновишь страницу.