Zero Block: Animacja wyzwalacza
Jak skonfigurować animację elementu, która jest wyzwalana przez kliknięcie lub najechanie kursorem na inny element
Pierwsze kroki
Wyzwalacze są częścią animacji krok po kroku. Aby pracować z animacją wyzwalającą, musisz nauczyć się podstaw animacji krok po kroku z tego przewodnika:
Aby utworzyć animację wyzwalacza, musisz rozpocząć konfigurowanie animacji krok po kroku. Aby to zrobić, otwórz ustawienia elementu i kliknij Dodaj w sekcji "Animacja krok po kroku".
Wybierz typ zdarzenia, które ma wywołać animację. Animacja wyzwalacza działa tylko po najechaniu myszką lub kliknięciu.
Kliknij Dodaj wyzwalacz i wybierz element w Zero Block, który chcesz uruchomić animację. Animacja rozpocznie się po kliknięciu lub najechaniu kursorem na ten element.
Po wybraniu wyzwalacza dodaj kroki animacji. Na przykład dodaliśmy ruch kształtu o 300 pikseli w prawo po kliknięciu przycisku.
KLIKNIJ TUTAJ!
Jak przetestować animację wyzwalacza w przeglądarce
Oprócz przycisków "Odtwórz element" i "Odtwórz wszystko", Tilda umożliwia podgląd animacji w przeglądarce.
Otwórz dwie karty w przeglądarce — Zero Block i tę samą stronę w trybie podglądu.
W ten sposób możesz obserwować wszelkie zmiany wprowadzone w Zero Block, wyświetlając ich podgląd na drugiej karcie. Aby zmiany pojawiły się na stronie, odśwież stronę podglądu.
Otwórz dwie karty w przeglądarce — Zero Block i tę samą stronę w trybie podglądu.
W ten sposób możesz obserwować wszelkie zmiany wprowadzone w Zero Block, wyświetlając ich podgląd na drugiej karcie. Aby zmiany pojawiły się na stronie, odśwież stronę podglądu.
