Нөлдік блок: триггер (тәуелді) анимациясы

Басқа элементті басу немесе қалықтау арқылы шақырылатын элементтің анимациясын орнату әдісі
Бейне оқулық
Қадамдық анимация
Негізгі мүмкіндіктер бойынша шолу мақаласы
Контейнерлермен жұмыс істеу және «резеңке» элементтерді жасау туралы мақала
Жұмысты жылдамдатуға арналған барлық комбинациялардың тізімі
Қарапайым анимация сілтемесі: Жасампаздық, параллакс және сыртқы көрініс анимациялары
Кешенді қадамдық анимация мақаласы: Негізгі принциптер, параметрлер және мысалдар

Орналасуды Figma-дан Нөлдік блокқа автоматты түрде импорттау әдісі

Жобаның негізгі құрылымын анықтау және макетті жылдамдату
Іске қосу анимацияларымен жұмысты бастау
Іске қосу анимациясы Нөлдік блок қадамының анимация параметрлерінде қолжетімді. Іске қосу анимациясымен жұмыс істеуді бастау үшін нұсқауларға сәйкес сатылы анимация негіздерін үйрену қажет.
Элементті іске қосу арқылы анимациялау үшін қадамдық анимацияны орнатуды бастаңыз. Ол үшін Нөлдік блоктағы элемент параметрлеріндегі қадамдық анимация блогындағы ҚОСУ түймешігін басыңыз.
Анимацияны бастағыңыз келетін оқиға түрін таңдаңыз. Іске қосу анимациялары тек Hover немесе Click пернелерінде жұмыс істей алады.
Триггер бөліміне анимацияны бастау үшін басылатын элементті қосыңыз. Триггер қосу түймешігін басып, Нөлдегі элементті басыңыз – бұл іске қосушы болады.
Триггерді таңдағаннан кейін анимация қадамын қосыңыз. Мысалымызда, түймені басқанда кескіннің оң жаққа қалыпты 300 px жылжуын қосамыз.
ОСЫ ЖЕРДІ БАСЫҢЫЗ!
Басқа триггер анимация мысалдары
Іске қосу анимацияларының мысалдарын көрсетеміз және оларды қалай орнату керектігін айтып береміз
Браузердегі анимацияны тексеру
Play Element және Play All түймешіктерден басқа, Tilda анимацияны алдын ала қарау режимінде бірден көру мүмкіндігіне ие.

Ол үшін браузерде 2 қойындыны ашу ыңғайлы: Нөлдік блок өңдегіші ашық бір бетте, ал екінші бетте - алдын ала қарау режимінде сол бет.

Бұл жағдайда Нөлдік блоктағы Сақтау түймешігін басқанда, өзгертулер бет жаңартылғаннан кейін алдын ала қарау бетінде көрсетіледі.
20__ жылғы «___» __________
Тильда