Wprowadzenie animacji
⚡️
⚡️
Wprowadzenie do animacji
Wprowadzenie do animacji
19.09.2017
Oto nasza pierwsza aktualizacja animacji. Będzie jeszcze wiele innych! Twórz oszałamiające interaktywne strony bez żadnego kodu.
Dzisiaj udostępniliśmy animowane elementy strony. Teraz możesz ożywić wszystkie elementy, aby przyciągnąć uwagę użytkownika.
Kiedy użytkownicy trafiają na Twoją stronę, pierwszą rzeczą, którą widzą, jest okładka. Często na tym etapie użytkownik decyduje, czy pozostanie na stronie, czy ją opuści. Dlatego tak ważne jest stworzenie angażującej okładki.
Kiedy użytkownicy trafiają na Twoją stronę, pierwszą rzeczą, którą widzą, jest okładka. Często na tym etapie użytkownik decyduje, czy pozostanie na stronie, czy ją opuści. Dlatego tak ważne jest stworzenie angażującej okładki.
Dodaj ruch do każdego elementu. Wystarczy wybrać żądany efekt w ustawieniach bloku.
W Tildzie dostępnych jest kilka rodzajów animacji
1
Krycie
Gdy elementy takie jak tytuł, przycisk, formularz i inne stopniowo pojawiają się na stronie.
Gdy elementy takie jak tytuł, przycisk, formularz i inne stopniowo pojawiają się na stronie.
2
Krycie poniżej
Tytuł i wszystkie inne elementy na stronie są wyświetlane od dołu.
Tytuł i wszystkie inne elementy na stronie są wyświetlane od dołu.
3
Krycie na górze
Elementy spadają od góry.
Elementy spadają od góry.
4
Skalowanie w górę
Elementy pojawiają się na ekranie i są skalowane do żądanego rozmiaru.
Elementy pojawiają się na ekranie i są skalowane do żądanego rozmiaru.
5
Krycie po prawej stronie
Wszelkie elementy okładki "wsuwają się" na stronę z prawej strony.
Wszelkie elementy okładki "wsuwają się" na stronę z prawej strony.
6
Krycie po lewej stronie
Element okładki jest widoczny z lewej strony.
Element okładki jest widoczny z lewej strony.
Zastosuj jeden efekt animacji do wszystkich elementów na okładce lub wypróbuj kilka różnych - bądź kreatywny i nie bój się eksperymentować ✨.
Wszystko, o czym nawet marzyłeś, jest możliwe do zrealizowania właśnie w momencie, w którym zdecydowałeś się wygrać.
Zastosuj jeden efekt animacji do wszystkich elementów
na okładce lub wypróbuj kilka różnych -
bądź kreatywny i nie bój się eksperymentować ✨.
na okładce lub wypróbuj kilka różnych -
bądź kreatywny i nie bój się eksperymentować ✨.
Animacje działają we wszystkich blokach, z wyjątkiem suwaka; animacje dla urządzeń mobilnych zostaną udostępnione w późniejszym terminie.
Animacje nie spowalniają witryny. Można je umieścić w dowolnej sekcji witryny - ruch będzie wyzwalany podczas przewijania strony.
Animacje nie spowalniają witryny. Można je umieścić w dowolnej sekcji witryny - ruch będzie wyzwalany podczas przewijania strony.
Plany na przyszłość
Pracujemy nad dodaniem animacji do bloku Zero.
Jeśli podoba Ci się to, co właśnie przeczytałeś, podziel się tym ze znajomymi i współpracownikami. Wielkie dzięki! ✌️
