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

Параметр Trigger offset позволяет настраивать отступ, при котором начнёт воспроизводиться анимация в Zero Block. В каких случаях его можно применять и как грамотно рассчитать - узнаете из видео дизайнера Ани Мельник.
◾ Инстаграм Ани Мельник: / ania._.melnik
🌟 Инструкция по базовой анимации в Zero Block: tilda.link/ani...
🌟 Инструкция по пошаговой анимации в Zero Block: tilda.link/sbs...
🌟 Полезные видео по работе в Zero Block: tilda.link/pla...
✨ Ближайшие вебинары 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: tildapu...
◾ Instagram: / tildapublishing
Оставить отзыв о работе на платформе Tilda: tilda.cc/ru/ot...
Теги: тильда, tilda publishing, zero block, анимация, пошаговая анимация

[@natalyadyukina9099]

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

[@TildaPublishing]

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

[@zhelezodesign90]

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

[@AniaMelnik]

[@purbo1430]

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

[@design_by_poly]

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

[@tayamihejeva7963]

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

[@TildaPublishing]

Спасибо! 🧡

[@mariathomas6238]

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

[@Adelina_88]

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

[@TildaPublishing]

Спасибо! 🧡

[@designer_rustam196]

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

[@nikboom1912]

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

[@ArturSmok]

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

[@TildaPublishing]

Спасибо 😉

[@LetitgoJewelry]

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

[@oleghojayev4458]

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

[@Marina-Isaeva-web]

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

[@user-ug1zy5qg7y]

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

[@Official-np2rq]

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

[@christinatalvir8202]

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

[@user-wv4oy3qv4j]

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

[@TildaPublishing]

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

[@user-ub3lc4nb2w]

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

[@keitarin]

Подскажите как поставили для этого сайта анимированный шарик скачущий? На самой главной странице сверху.

[@TildaPublishing]

Добрый день!
Вы можете связаться с Анной в социальных сетях для уточнения вопроса, ссылка указана в описании.

[@keitarin]

@@TildaPublishing да ладно, чего человека отвлекать) но спасибо

[@ahineev]

Шейпик

[@Sedovaol_Mandala]

Там, где собачки сверху падают, мне пришлось еще Fixed включить в пошаговой анимации, а то они падать нормально отказываются... 🤔

[@Philipp-Batus]

То чувство, когда ты преподаешь на яндекс.практикуме оф от тильды, но на микрофон пока не накопила

[@84Health]

Микрофон видимо для красотоы висит , звук ужасен

[@AniaMelnik]

Поверьте, без микрофона было хуже 💙 надеюсь, содержание урока при этом понравилось 👌