Angular Fx

angulaire Fx adapte la Animate.css bibliothèque de sorte qu'il peut être utilisé dans angularjs-Powered applications.

Cette boîte à outils utile incroyable développé par Dan Eden permet aux développeurs de facilement et déclencher des animations basées sur CSS3-course à travers l'utilisation de classes CSS simples.

La directive angulaire Fx fait la même chose, seulement il adapte ces classes CSS dans la coutume "ng" attributs, un aliment de base de développement basé sur angularjs.

Outre les attributs racontant l'élément de page ce que la routine d'animation à utiliser, il n'y a attribue également à contrôler la vitesse de lecture de l'animation, pour montrer en boucle continue, ou pour masquer / afficher l'élément au chargement de la page.

Des exemples et des instructions d'utilisation sont inclus dans le package de téléchargement.

ngfx-éclair

ngfx impulsion

ngfx-caoutchouc-bande

ngfx-shake

ngfx-swing

ngfx-tada

ngfx-oscillation

ngfx-rebond dans

ngfx rebond en bas

ngfx rebond en gauche

ngfx rebond en droit

ngfx rebond en haut

ngfx-bounce-out

ngfx-bounce-out-bas

ngfx-bounce-out-gauche

ngfx-bounce-out-droite

ngfx-bounce-out-up

ngfx-fade-in

ngfx-fade-in-bas

ngfx-fade-in-bas-big

ngfx-fade-in-gauche

ngfx-fade-in-gauche-big

ngfx-fade-in-droite

ngfx-fade-in-droit grande

ngfx-fade-in-up

ngfx-fade-in-up-grande

ngfx-fade-out

ngfx-fade-out-bas

ngfx-fade-out-bas-big

ngfx-fade-out-gauche

ngfx-fade-out-gauche-big

ngfx-fade-out à droite

ngfx-fade-out-droit grande

ngfx-fade-out-up

ngfx-fade-out-up-grande

ngfx-flip

ngfx flip-en-x

ngfx-flip-en-y

ngfx-flip-out-x

ngfx-flip-out-y

ngfx-vitesse de la lumière dans

ngfx-vitesse de la lumière-out

ngfx-rotation en

ngfx-rotation en haut à gauche

ngfx-rotation en haut à droite

ngfx-rotation en bas à gauche

ngfx-rotation en bas à droite

ngfx-rotation-out

ngfx-rotation-out-up-gauche

ngfx-rotation-out-haut à droite

ngfx-rotation-out-bas-gauche

ngfx-rotation-out-bas-droite

ngfx charnière

ngfx-roll-in

ngfx-roll-out

ngfx-zoom-in

ngfx-zoom-in-bas

ngfx-zoom-in-gauche

ngfx-zoom-in-droite

ngfx-zoom-in-up

ngfx-zoom-out

ngfx-zoom-out-bas

ngfx-zoom-out-gauche

ngfx-zoom-out à droite

ngfx-zoom-out-up

Ce qui est nouveau dans cette version:

• Swing et charnière correctif.

Ce qui est nouveau dans la version 1.0.0:.

• Swing et charnière fix

Exigences :

• JavaScript côté client
• angularjs 1.2 ou supérieur
• CSS 3 navigateur compatible