Poradnik wideo: dodawanie animacji hover do banerów w Figmie

Ten film pokazuje, jak dodawać do banerów animacje po najechaniu (hover) za pomocą wtyczki Bannerify.

Do każdej warstwy na osi czasu możesz dodać animowany stan po najechaniu (dla eksportów HTML): kliknij przełącznik Add Hover, a potem wybierz animację z rozwijanej listy, która się pojawi. Animację możesz zapętlić, włączając przełącznik Loop, a jej szybkość zmienisz, przeciągając koniec jej paska czasu.

Aby zobaczyć, jak wygląda animacja, najedź kursorem myszy na warstwę w oknie podglądu Bannerify.

Stosowanie animacji hover do wielu warstw. Animację po najechaniu możesz też zastosować masowo do wielu warstw za pomocą funkcji masowego stosowania.

Dodawanie przejść między stanami po najechaniu

Jeśli chcesz uzyskać przejście między dwoma stanami (na przykład zmianę kolorów przycisku CTA po najechaniu na niego), utwórz warstwę ze stanem „hover”, umieść ją nad oryginalną warstwą i zastosuj do niej animację wejścia przy najechaniu, aby pojawiała się za każdym razem, gdy kursor znajdzie się nad tym elementem.