Javascript AngularJS动画（显示/隐藏）速度

我已经在我的角度页面上创建了显示/隐藏动画

我使用了标准angular-animate.js库，与animate.css一起使用。AngularJS核心是v1.2.20。一切都很好，我已经用过好几次了

调用show/hide函数时，在从“show”状态转换为“hide”状态时，会添加各种类型的类，因此您可以创建一些漂亮的css动画。问题是，如何加快（或减缓）这种“类添加/删除转换”的速度

---

如果有人想知道我使用什么代码：

我的指令HTML：

<div class="datepicker-panel panel panel-square panel-no-border panel-default m-md ng-hide animated" 
     ng-show="datepicker.show" 
     ng-class="{'fadeIn':datepicker.show, 'fadeOut':!datepicker.show}" 
     ng-controller="DatePicker">
    <!-- Some HTML -->
</div>

---

您可能想看看转换，AngularJS文档中有一个例子：

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

正如你所想象的，这描述了一个0.5秒的持续过渡

---

事实上你是对的。我只是试着将转换设置为5s，整个班级添加东西也花了5秒钟。从未意识到这是基于CSS的。谢谢

$scope.datepicker   = { 'show' : false };

$scope.datepicker.toggle = function() {
     this.show = !this.show;
}

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