Come eseguire il ciclo dell'animazione su scorrimento per i tuoi progetti web

Con l'Effetto Cerniera, un Elemento si capovolge o fa capovolgere con un movimento improvviso e rapido fermandosi nel punto di un cardine immaginabile. Questa transizione naturale può aggiungere sorpresa all'interazione nel tuo web design.

L'effetto Zoom è la transizione dell'aspetto graduale mentre si cambia la dimensione di un elemento. Consente di chiudere un elemento durante il caricamento o lo scorrimento di una pagina web.

Aggiungi l'effetto se desideri che il tuo elemento si sposti gradualmente da un punto all'altro in una direzione particolare durante il caricamento o lo scorrimento della pagina. Specificare l'effetto diapositiva aggiungendo, scegliendo un elemento e quindi facendo clic sul predefinito diapositiva nella sezione Animazione su scorrimento del pannello delle proprietà.

Usa l'effetto Animazione rimbalzo per far muovere l'elemento verso il basso, verso l'alto e verso il basso di nuovo rapidamente durante lo scorrimento della pagina. È possibile abilitare l'animazione di rimbalzo a scorrimento facendo clic sul corrispondente predefinito nella sezione Animazione a scorrimento del pannello delle proprietà.

Supponiamo che gli effetti di animazione standard siano troppo piccoli per l'idea del tuo sito Web e che sia necessario combinare diversi effetti di animazione per ottenere il risultato desiderato. Puoi controllare completamente le proprietà disponibili per i predefiniti di animazione personalizzabili. E scegli solo i predefiniti di animazione predefiniti dalla libreria con una messa a punto minima. Puoi andare al pannello delle proprietà e personalizzare tutte le proprietà degli effetti Dissolvenza, Sposta, Zoom, Ruota, Ruota e Spirale.

Applica l'effetto Capovolgi per implementare la semirotazione di un elemento, per cui puoi vedere sia il lato anteriore che quello posteriore dell'elemento corrente. Puoi scegliere il bastoncino ribaltabile dall'asse X o dall'asse Y. È possibile selezionare un elemento e quindi il Flip Preset per l'animazione allo scorrimento nel pannello delle proprietà.

L'effetto Ruota definisce una trasformazione che ruota un elemento attorno a un punto fisso della pagina senza la deformazione. Questo effetto è disponibile anche come predefinito, che puoi trovare nella sezione Animazione su scorrimento del pannello delle proprietà.

The Box, o Jack In The Box, crea un effetto di transizione che imita un popolare movimento del giocattolo scherzoso. Inizia con la dissolvenza centrale e continua con l'agitazione da un lato all'altro.

È possibile utilizzare le preimpostazioni Animazione su scorrimento. E ce ne sono due tipi: preimpostazioni di animazione personalizzabili, le cui proprietà possono essere completamente modificate, le preimpostazioni di animazione predefinite, che puoi scegliere solo dalla libreria e avere una messa a punto minima.

L'effetto Dissolvenza è una transizione stilistica in cui un elemento, come un'immagine, un testo o uno sfondo, scompare gradualmente e riappare sulla pagina web. È possibile impostare l'effetto dissolvenza selezionando un elemento e scegliendo l'animazione su scorrimento nel pannello delle proprietà.

Anche l'animazione flash, associata all'ammiccamento, è popolare per attirare l'attenzione dei visitatori. Appare come una serie di transizioni di dissolvenza in entrata e in uscita con l'accento sullo stato opaco dell'oggetto o del testo animato.