配置动画速度

时间:2014-07-17 09:28:00

标签: angularjs ng-animate

我只是简单地包含了ngAnimate模块,现在我的ng-show元素在显示时被动画化了。哪个好。

但是,动画需要1秒(我认为),如何将其配置为另一个值,例如。 .2s?

2 个答案:

答案 0 :(得分:0)

在CSS中完成(以适应您的解决方案):

.animate-enter {
   -webkit-transition: 2s linear all; /* Chrome */
    transition: 2s linear all;
    opacity: 0;
}

.animate-enter.animate-enter-active {
    opacity: 1;
}

答案 1 :(得分:0)

你必须从你的CSS管理动画时间

.sample-show-hide {
  -webkit-transition:all linear 0.5s;
  transition:all linear 0.5s;
}