angolare Fx si adatta il Animate.css biblioteca in modo che possa essere utilizzato all'interno delle applicazioni AngularJS-alimentati.
Questa incredibile toolkit utile sviluppato da Dan Eden consente agli sviluppatori di attivare in modo semplice e animazioni basate CSS3 conduzione attraverso l'uso di semplici classi CSS.
La direttiva angolare Fx fa la stessa cosa, solo che adegua le classi CSS in costume "ng" attributi, un fiocco di sviluppo basato su AngularJS.
Oltre gli attributi che raccontano l'elemento di pagina quello che l'animazione di routine da utilizzare, ci sono attributi anche per controllare la velocità di riproduzione dell'animazione, se per mostrare in un ciclo continuo, o per nascondere / mostrare l'elemento di caricamento della pagina.
Gli esempi e le istruzioni d'uso sono incluse nel pacchetto di download.
Routine di animazione supportati:
ngfx-flash
ngfx impulsi
ngfx-elastico
ngfx-shake
ngfx-swing
ngfx-tada
ngfx-oscillazione
ngfx-rimbalzo-in
ngfx-rimbalzo-in-giù
ngfx-rimbalzo-in-sinistra
ngfx-rimbalzo-in-destra
ngfx-rimbalzo-in-up
ngfx-rimbalzo-out
ngfx-rimbalzo-out-down
ngfx-rimbalzo-out sinistro
ngfx-rimbalzo-out-destra
ngfx-rimbalzo-out-up
ngfx-fade-in
ngfx-fade-in-giù
ngfx-fade-in-giù-big
ngfx-fade-in-sinistra
ngfx-fade-in-sinistra-big
ngfx-fade-in-destra
ngfx-fade-in-destro-big
ngfx-fade-in-up
ngfx-fade-in-up-big
ngfx-fade-out
ngfx-fade-out-down
ngfx-fade-out-giù-big
ngfx-fade-out di sinistra
ngfx-fade-out di sinistra-big
ngfx-fade-out-destra
ngfx-fade-out-destra-big
ngfx-fade-out-up
ngfx-fade-out-up-big
ngfx-flip
ngfx-flip-in-x
ngfx-flip-in-y
ngfx-flip-out-x
ngfx-flip-out-y
ngfx-luce-velocità-in
ngfx-luce-velocità-out
ngfx Rotazione-in
ngfx Rotazione-in-su-sinistra
ngfx Rotazione-in-alto a destra
ngfx Rotazione-in-giù-sinistra
ngfx Rotazione-in-giù-destra
ngfx Rotazione-out
ngfx Rotazione-out-up sinistra
ngfx Rotazione-out-up-destra
ngfx rotazione-fuori-basso a sinistra
ngfx Rotazione-out-giù-destra
ngfx-cerniera
ngfx-roll-in
ngfx-roll-out
ngfx-zoom-in
ngfx-zoom-in-giù
ngfx-zoom-in-sinistra
ngfx-zoom-in-destra
ngfx-zoom-in-up
ngfx-zoom-out
ngfx-zoom-out-down
ngfx-zoom-out di sinistra
ngfx-zoom-out-destra
ngfx-zoom-out-up
Cosa c'è di nuovo in questa versione:
- Swing and cerniera correzione.
Cosa c'è di nuovo nella versione 1.0.0:.
- Altalena e cerniera fix
Requisiti :
- Javascript abilitato sul lato client
- AngularJS 1.2 o superiore
- CSS 3 browser abilitato
I commenti non trovato