Animazioni Layout

Crea la tua app GRATIS per sempre!

Animazione Layout

 

Dai alla tua app un aspetto più moderno semplicemente applicando l’effetto di animazione dell’ingresso!

 

Questo modulo ti aiuterà a generare più di 30 codici CSS di animazioni di ingresso per 35 layout. (Significa che questo modulo può generare più di 1000 codici di animazione CSS.) Non solo layout, ma puoi anche animare altre classi CSS. Basta sostituire .demo-class con la tua classe CSS nel codice demo. Puoi copiare e incollare il codice CSS generato nella sezione Colori> Personalizzazioni avanzate CSS / SCSS.

 

Come funziona?

  1. Seleziona il tuo effetto di animazione e visualizzalo in anteprima.
  2. Seleziona il tuo layout
  3. Copia il codice CSS

 

Caratteristiche del modulo editor:

  • 30+ effetti di animazione di ingresso
  • Codice pronto per 35 layout
  • Anteprima demo live dell’animazione
  • Fare clic per copiare il codice CSS

 

Ecco l’elenco delle nostre animazioni CSS:

Effetti delle animazioni delle diapositive:

  • slideInDown
  • slideInLeft
  • slideInRight
  • slideInUp

Effetti di animazione in dissolvenza:

  • fadeIn
  • fadeInDown
  • fadeInLeft
  • fadeInRight
  • fadeInUp

Effetti di animazione zoom:

  • ingrandire
  • zoomInDown
  • zoomInLeft
  • zoomInRight
  • zoomInUp

Effetti di animazione di rimbalzo:

  • rimbalzo
  • bounceIn
  • bounceInDown
  • bounceInLeft
  • bounceInRight
  • bounceInUp

Effetti di rotazione delle animazioni:

  • rotateIn
  • rotateInDownLeft
  • rotateInDownRight
  • rotateInUpLeft
  • rotateInUpRight

Altri effetti di animazione:

  • veloce
  • impulso
  • elastico
  • scuotere
  • swing
  • tada
  • oscillare
  • lightSpeedIn

Elenco dei layout coperti:

  • Layout-1
  • Layout-2
  • Layout-3 orizzontale
  • Layout-3 completo
  • Layout-4
  • Layout-4 orizzontale
  • Layout-5
  • Layout-5 orizzontale
  • Layout-5 completo
  • Layout-6
  • Layout-7
  • Layout-10
  • Layout-11 Schermo intero
  • Layout-12 Metro
  • Layout-18
  • Layout-35
  • Layout-39
  • Layout-59
  • Layout-69
  • Layout-91
  • Layout-101
  • Layout-103
  • Layout-104
  • Layout-Royal
  • Layout-C123
  • Layout-Najah
  • Layout-Favo
  • Layout-Dream
  • Layout-Farah
  • Layout-Rapi
  • Layout-Meem
  • Layout-Khayal
  • Layout-Inspire
  • Layout-Grido
  • Layout-FN

Ecco alcuni esempi:

 

 

 

 

 

 

 

 

 

 

 

Lo trovi nel menù di sinistra della tua dashboard, sotto la voce moduli

 

Screenshot del modulo dell’editor:

 

 

 

Translate »
X