ionic 页面动画 ngAnimate
阅读原文时间:2023年07月15日阅读:1

git 地址: https://github.com/Augus/ngAnimate/

使用方法:

下载后,

1、引入ngAnimate.js(依赖jquery);

2、引入 ng-animate.css

3、在需要ng-show的标签上,加上以下效果的类名

显示效果类名:

  • toggle
  • spin-toggle
  • slide-left
  • slide-right
  • slide-top
  • slide-down
  • bouncy-slide-left
  • bouncy-slide-right
  • bouncy-slide-top
  • bouncy-slide-down
  • scale-fade
  • scale-fade-in
  • bouncy-scale-in
  • flip-in
  • rotate-in

非常简单,效果非常好看,可以自行选择自己喜欢的效果使用;

具体效果体验可以参考:http://augus.github.io/ngAnimate/