Как анимировать страницу в Тильде
Galinahttps://leotraining.ru/pl/teach/control/lesson/view?id=194611972&editMode=0
Заходите на сайт Тильда: https://tilda.cc/ru/
Нажимаете кнопку: Войти
Нажимаете: Маркетинг
Нажимаете на страницу: Первый экран
нажимаете кнопку: Редактировать блок
АНИМИРУЕМ СТРАНИЦУ
Кликаем на заголовок
в правом меню (жмите кнопку внизу Setting) выбираете строчку:
BASIC ANIMATION и нажимаете на стрелочку
в открывшемся меню выбираете строчку: ANIMATION
нажимаете на стрелочку
выбираете тип анимации: Fade in Up (всплывает заголовок снизу вверх)
в строчке DURATION 1
в строчке DICTANCE 20 px (дистанция)(переделали в 7 уроке со 100 на 20)
в строчке test нажимаете Play Element (проигрывание элемента)
Кликаете на текст
в открывшемся меню выбираете строчку: ANIMATION
нажимаете на стрелочку
выбираете тип анимации: Fade in Down (Исчезать в глубине)
(переделали в 7 уроке с всплывает заголовок снизу вверх)
в строчке DURATION 1
в строчке DISTANCE 20 px (дистанция)(переделали в 7 уроке со 100 на 20)
делаете небольшую задержку в строчке: DELAY 0,1
в строчке test нажимаете: Play Element (проигрывание элемента)
нажимаете в строчке TEST: PLAY ALL (проигрывание всех элементов)
Кликаете на кнопку (с текстом)
в открывшемся меню выбираете строчку: ANIMATION
нажимаете на стрелочку
выбираете тип анимации: Fade in Up (всплывает заголовок снизу вверх)
(переделали с всплывает заголовок снизу вверх)
в строчке DURATION 1
в строчке DISTANCE 20 px(дистанция)(переделали в 7 уроке со 100 на 20)
делаете чуть больше задержку в строчке: DELAY 0,2
нажимаете в строчке TEST: PLAY ALL (проигрывание всех элементов)
Кликаете на картинку
в открывшемся меню выбираете строчку: ANIMATION
нажимаете на стрелочку
выбираете тип анимации: Fade in Up (всплывает заголовок снизу вверх)
в строчке DURATION 1
в строчке DISTANCE 20 px(дистанция)(переделали в 7 уроке со 100 на 20
делаете без задержек в строчке: DELAY 0,4 сек (добавили в 7 уроке)
нажимаете в строчке TEST: PLAY ALL (проигрывание всех элементов)
нажимаете кнопку Save (сохранить)
нажимаете кнопку: Close (закрыть)
нажимаете вкладку: Предпросмотр
нажимаете F5 (обновление)