Vinkel Fx tilpasser Animate.css bibliotek slik at den kan brukes innen AngularJS forsynt applikasjoner.
Denne utrolig nyttig verktøykasse utviklet av Dan Eden lar utviklere lett utløse og kjøre CSS3-baserte animasjoner gjennom bruk av enkle CSS-klasser.
Vinkel Fx direktivet gjør det samme, bare den tilpasser seg disse CSS-klasser i custom "ng" attributter, et fast innslag i AngularJS basert utvikling.
I tillegg til de attributtene som forteller siden element hva animasjon rutine å bruke, det er attributter også å styre animasjonen avspillingshastighet, om den skulle vise i en kontinuerlig loop, eller for å skjule / vise elementet på side belastning.
Eksempler og bruksinstruksjoner følger med nedlastingen.
Støttede animasjonsrutiner:
ngfx-flash
ngfx-puls
ngfx-gummi-band
ngfx-shake
ngfx-swing
ngfx-tada
ngfx-slingre
ngfx-sprett-in
ngfx-sprett-in-down
ngfx-sprett-in-venstre
ngfx-sprett-in-høyre
ngfx-sprett-in-up
ngfx-sprett-out
ngfx-sprett-ut-down
ngfx-sprett-ut-venstre
ngfx-sprett-ut-høyre
ngfx-sprett-ut-up
ngfx-fade-in
ngfx-fade-in-down
ngfx-fade-in-down-big
ngfx-fade-in-venstre
ngfx-fade-in-venstre-big
ngfx-fade-in-høyre
ngfx-fade-in-høyre-big
ngfx-fade-in-up
ngfx-fade-in-up-big
ngfx-fade-out
ngfx-fade-out-down
ngfx-fade-out-down-big
ngfx-fade-out-venstre
ngfx-fade-out-venstre-big
ngfx-fade-out-right
ngfx-fade-out-høyre-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-light-speed-in
ngfx-light-speed-out
ngfx rotere på
ngfx rotere-in-up-venstre
ngfx rotere-in-up-høyre
ngfx rotere-in-ned-venstre
ngfx rotere-in-ned-høyre
ngfx rotere-out
ngfx rotere-out-up-venstre
ngfx rotere-out-up-right
ngfx rotere-out-ned-venstre
ngfx rotere-out-ned-høyre
ngfx-hengsel
ngfx-roll-in
ngfx-roll-out
ngfx-zoom-in
ngfx-zoom-in-down
ngfx-zoom-in-venstre
ngfx-zoom-in-høyre
ngfx-zoom-in-up
ngfx-zoom-out
ngfx-zoom-out-down
ngfx-zoom-out-venstre
ngfx-zoom-out-right
ngfx-zoom-out-up
Hva er nytt i denne versjonen:
- Swing og hengsel fix.
Hva er nytt i versjon 1.0.0.
- Swing og hengsel fix
Krav
- aktivere Javascript på klientsiden
- AngularJS 1.2 eller høyere
- CSS 3 aktivert nettleser
Kommentarer ikke funnet