首页 > 代码库 > angular animate
angular animate
angular animate 有3种:1,css transition. 2,css keyframe. 3,javascript 用jquery的animate方法;
1,2 两种是纯粹css的,3是JS方法,可以使用外部库,比如Jquery。假如要在IE8下使用的话,估计只能使用JS的方法;
ag的animate触发是靠ag的事件来触发绑定在需要动画元素上的cssClass。
纯CSS的动画的阶段有2个阶段:正向和反向(理解为:从隐藏到显示为正向,显示到隐藏为反向)。
举个栗子,
正向:
阶段1,opacity:0; ng-enter
阶段2:opacity:1; nt-enter-active
反向:
阶段1:opacity:1;ng-leave
阶段2:opacity:0;ng-leave-active;
以上就是一般的动画写法;
但是directive的动画写法都一点点不同。
比如ng-show、ng-hide事件:当绑定了ng-show和hide事件元素在进行显示和隐藏的时候读取cssClass属性,然后再css文件中找到写有
.cssClass.ng-hide的属性和.cssClass中的属性。动画的事件依据写在cssClass中的transition来决定。
angular animate
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。