anggular Fx adapts ang Animate.css library kaya ito ay maaaring gamitin sa loob ng AngularJS pinagagana application.
Ito paniwala kapaki-pakinabang na toolkit binuo ni Dan Eden ay nagbibigay-daan sa mga developer upang madaling ma-trigger at run CSS3 animation-based sa pamamagitan ng paggamit ng mga simpleng CSS klase.
Ang anggular Fx directive ay ang parehong bagay, lamang ito adapts mga CSS klase sa pasadyang "ng" mga katangian, mga sangkap na hilaw ng AngularJS-based na pag-unlad.
Bukod sa mga katangian na nagsasabi sa mga sangkap ng pahina kung ano ang animation na gawain upang gamitin, may mga katangian din upang makontrol ang bilis ng pag-playback ng animation, kung upang ipakita sa isang tuloy-tuloy na loop, o upang itago / ipakita ang mga elemento sa pag-load ng pahina.
Ang mga halimbawa at mga tagubilin sa paggamit ay kasama sa package download.
Suportadong gawain animation:
ngfx-flash
ngfx-pulse
ngfx-goma-band
ngfx-iling
ngfx-swing
ngfx-tada
ngfx-uurong-sulong
ngfx-bounce-in
ngfx-bounce-in-down
ngfx-bounce-in-kaliwa
ngfx-bounce-in-right
ngfx-bounce-in-up
ngfx-bounce-out
ngfx-bounce-out-down
ngfx-bounce-out-kaliwa
ngfx-bounce-out-right
ngfx-bounce-out-up
ngfx-fade-in
ngfx-fade-in-down
ngfx-fade-in-down-big
ngfx-fade-in-kaliwa
ngfx-fade-in-left-big
ngfx-fade-in-right
ngfx-fade-in-right-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-kaliwa
ngfx-fade-out-kaliwa-big
ngfx-fade-out-right
ngfx-fade-out-right-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-iikot-in
ngfx-iikot-in-up-kaliwa
ngfx-iikot-in-up-right
ngfx-iikot-in-down-kaliwa
ngfx-iikot-in-down-right
ngfx-iikot-out
ngfx-iikot-out-up-kaliwa
ngfx-iikot-out-up-right
ngfx-iikot-out-down-kaliwa
ngfx-iikot-out-down-right
ngfx-bisagra
ngfx-roll-in
ngfx-roll-out
ngfx-zoom-in
ngfx-zoom-in-down
ngfx-zoom-in-kaliwa
ngfx-zoom-in-right
ngfx-zoom-in-up
ngfx-zoom-out
ngfx-zoom-out-down
ngfx-zoom-out-kaliwa
ngfx-zoom-out-right
ngfx-zoom-out-up
Ano ang bagong sa paglabas:
- swing at masalalay fix.
Ano ang bagong sa bersyon 1.0.0:.
- swing at bisagra fix
Mga kinakailangan
- enable ang JavaScript sa client side
- AngularJS 1.2 o mas mataas na
- CSS 3 pinagana browser
Mga Komento hindi natagpuan