wuello_marchioweb
risorsa2logowuellobianco

Informazioni Utili

Seguici su

 

Per ulteriori informazioni, contattaci:

 

info@wuello.it


facebook
instagram
whatsapp

Tutorial | Trova tutto ciò di cui hai bisogno, sfoglia le nostre guide

Copyright 2022 © | Wuello è un marchio del gruppo Digital One | Misterbianco - C.da Milicia, 10, 95045 | All rights reserved | P.IVA. 05649820874

Anima un componente

2021-09-30 12:44

Tutorial Wuello

Tutorial, Per iniziare,

Rendi il tuo sito web più dinamico animando le tue immagini o altri elementi.

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 il componente che si visualizza gradualmente.
 
- Slide up, down, left, right: il componente 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).

Create Website with flazio.com | Free and Easy Website Builder