Aggiungere un'animazione

La nostra piattaforma dà la possibilità di aggiungere degli effetti d'animazione che puoi applicare a qualunque componente delle tue pagine.

Scorrendo all'interno di una pagina, l'effetto d'animazione verrà mostrato solo la prima volta quando il componente a cui è stato applicato diventa visibile sullo schermo.

Per attivare l’animazione basta un clic col tasto destro del mouse sul componente su cui si desidera applicare l'animazione e dal menù scorrere fino ad Animazioni.

Ecco una descrizione degli effetti di animazione che è possibile aggiungere:

- Fade in: dissolvenza in entrata, con l'immagine che si visualizza gradualmente.

- Slide up, down, left, right: l'immagine scivola verso l'alto, il basso, verso sinistra o destra fino ad arrivare alla sua posizione finale.

- Slide Expand up: il componente, inizialmente a dimensioni ridotte, scivola verso l'alto fino ad arrivare alla sua posizione finale e poi le sue dimensioni tornano ad essere quelle originali.

- Expand up: il componente si espande verso l'alto.

- Expand open: il componente parte esteso per poi restringersi tornando alle dimensioni originali.

- Big entrance: un'entrata "trionfale" con zoom e lieve rotazione.

- Hatch: il componente si espande e contemporaneamente ha una piccola rotazione.

- Bounce: il componente rimbalza fino a trovare la sua posizione finale.

- Pull up, down: il componente si "srotola" verso l'alto (o il basso).

- Stretch left, right: il componente si espande verso sinistra (o destra).

- Fade in scale: il componente, mentre entra in dissolvenza si espande in zoom fino alla dimensione originale.

Ci sono anche 3 tipologie di animazioni continue:

- Pulse: una pulsazione ritmica

- Floating: fluttuazione continua in alto e in basso

- Tossing: il componente ruota lievemente in senso orario e poi antiorario

Da sapere: Scorrendo in basso, alla fine è possibile gestire il ritardo, ovvero dopo quanti secondi mostrare l’animazione, e la durata dell’animazione, ovvero quanti secondi deve durare l’intera animazione, attraverso le impostazioni Delay (ritardo) e Duration (durata).