Іске қосу анимациясы Нөлдік блок қадамының анимация параметрлерінде қолжетімді. Іске қосу анимациясымен жұмыс істеуді бастау үшін нұсқауларға сәйкес сатылы анимация негіздерін үйрену қажет.

Қадамдық анимация жөніндегі егжей-тегжейлі нұсқаулықтар

Элементті іске қосу арқылы анимациялау үшін қадамдық анимацияны орнатуды бастаңыз. Ол үшін Нөлдік блоктағы элемент параметрлеріндегі қадамдық анимация блогындағы ҚОСУ түймешігін басыңыз.

В редакторе Zero Block: кнопка «ADD» в секции «STEP BY STEP ANIMATION» панели настроек элемента справа.

Анимацияны бастағыңыз келетін оқиға түрін таңдаңыз. Іске қосу анимациялары тек Hover немесе Click пернелерінде жұмыс істей алады.

В панели «Step By Step Animation» редактора Zero Block: значение «on Click» в выпадающем списке «Event».

Триггер бөліміне анимацияны бастау үшін басылатын элементті қосыңыз. Триггер қосу түймешігін басып, Нөлдегі элементті басыңыз – бұл іске қосушы болады.

Настройка пошаговой анимации в Zero Block: параметры «EVENT: on Click» и добавленный триггер в блоке «TRIGGER» на панели справа.

Триггерді таңдағаннан кейін анимация қадамын қосыңыз. Мысалымызда, түймені басқанда кескіннің оң жаққа қалыпты 300 px жылжуын қосамыз.

В редакторе Zero Block: панель пошаговой анимации элемента с выбранным триггером и настройками шага «Step 1».

ОСЫ ЖЕРДІ БАСЫҢЫЗ!

Басқа триггер анимация мысалдары

Іске қосу анимацияларының мысалдарын көрсетеміз және оларды қалай орнату керектігін айтып береміз

Қараңдаршы

Браузердегі анимацияны тексеру

Play Element және Play All түймешіктерден басқа, Tilda анимацияны алдын ала қарау режимінде бірден көру мүмкіндігіне ие.

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

Бұл жағдайда Нөлдік блоктағы Сақтау түймешігін басқанда, өзгертулер бет жаңартылғаннан кейін алдын ала қарау бетінде көрсетіледі.