Vinkel Fx anpassar Animate.css bibliotek så att den kan användas inom AngularJS drivna applikationer.
Denna otroliga användbart verktyg som utvecklats av Dan Eden kan utvecklare enkelt utlösa och kör CSS3-baserade animeringar genom användandet av enkla CSS-klasser.
Vinkel Fx direktivet gör samma sak, bara den anpassar dessa CSS-klasser i Custom "ng" attribut, en stapelvara i AngularJS baserad utveckling.
Förutom attribut berättar sidelementet vad animation rutin att använda, finns det också attribut för att kontrollera animeringen uppspelningshastighet, om att visa i en kontinuerlig slinga, eller för att dölja / visa elementet vid sidan laddas.
Exempel och bruksanvisningar medföljer nedladdningspaketet.
Stödda animerings rutiner:
ngfx-flash
ngfx-puls
ngfx-gummiband
ngfx-shake
ngfx-swing
ngfx-tada
ngfx-vingla
ngfx-studsa in
ngfx-bounce-in-ner
ngfx-bounce-in-vänster
ngfx-bounce-in-höger
ngfx-bounce-in-up
ngfx-bounce-out
ngfx-studs-out-ner
ngfx-bounce-out-vänster
ngfx-bounce-out-höger
ngfx-bounce-out-up
ngfx-fade-in
ngfx-fade-in-ner
ngfx-fade-in-down-big
ngfx-fade-in-vänster
ngfx-fade-in-vänster-big
ngfx-fade-in-höger
ngfx-fade-in-höger-big
ngfx-fade-in-up
ngfx-fade-in-up-big
ngfx-fade-out
ngfx-fade-out-ner
ngfx-fade-out-ner-big
ngfx-fade-out-vänster
ngfx-fade-out-vänster-big
ngfx-fade-out-höger
ngfx-fade-out-höger-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 ljus-hastighet in
ngfx ljus-hastighet ut
ngfx rotera in
ngfx-rotera-in-up-vänster
ngfx-rotera-in-up-höger
ngfx-rotera-in-down-vänster
ngfx-rotera-in-ned-höger
ngfx-rotera-out
ngfx-rotera-out-up-vänster
ngfx-rotera-out-up-höger
ngfx-rotera-out-down-vänster
ngfx-rotera-out-ned-höger
ngfx-gångjärn
ngfx-roll-in
ngfx utrullning
ngfx-zooma in
ngfx-zoom-in-ner
ngfx-zooma in vänster
ngfx-zoom-in-höger
ngfx-zoom-in-up
ngfx-zoom-out
ngfx-zoom-out-ner
ngfx-zoom-out-vänster
ngfx-zoom-out-höger
ngfx-zoom-out-up
Vad är nytt i den här versionen:
- Swing och gångjärn fix.
Vad är nytt i version 1.0.0:.
- Swing och gångjärn fix
Krav :
- Javascript aktiverat på klientsidan
- AngularJS 1.2 eller senare
- CSS 3 aktiverad webbläsare
Kommentarer hittades inte