zoukankan      html  css  js  c++  java
  • 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来决定。

  • 相关阅读:
    go 代理
    mongo创建用户
    博客搬家&留言板
    noip2020 SD选手迷惑行为大赏
    noip2020游记
    P4174 [NOI2006] 最大获利
    P3327 [SDOI2015]约数个数和
    P5069 [Ynoi2015]纵使日薄西山
    P3747 相逢是问候
    HDE6315 Naive Operations
  • 原文地址:https://www.cnblogs.com/strangerqt/p/4226344.html
Copyright © 2011-2022 走看看