Angularjs 应用多个类，其间有延迟

我一直在使用Bootstrap3、animate.css和Angular来尝试制作一个快速的动画。我希望全班同学都能振作起来，呆上几秒钟，然后再振作起来。“反弹”（bounce in）可以工作，但它从不运行秒动画。如果这有帮助的话，我是铬合金的

 <alert  ng-repeat="alert in alerts" type="alert.type" close="alert.close()" class="alert" ng-bind="alert.msg"></alert>
</div>


.alert {

     background-color: #FFC;
     font-size:16px;
     font-weight:bold;
     color: #1b7817;

      -Webkit-animation-name: animate, bounceInDown, bounceOutUp;
    -Webkit-animation-duration: 2s, 2s;
     animation: animate, bounceIn, bounceOutUp;
     animation-duration: 2s, 2s;

 }

.警惕{
背景色：#FFC；
字体大小：16px；
字体大小：粗体；
颜色：#1b7817；
-Webkit动画名称：动画、bounceInDown、bounceOutUp；
-Webkit动画持续时间：2秒，2秒；
动画：动画、反弹、反弹；
动画持续时间：2秒，2秒；
}

通过稍微更改代码，我可以运行两个动画。这是一把小提琴

}

我将动画组合成一行，然后用逗号分隔两个属性

-webkit动画：名称持续时间计时功能，名称持续时间延迟计时功能

归功于@Giona

.alert {
background-color: #FFC;
font-size:16px;
font-weight:bold;
color: #1b7817;
-Webkit-animation: bounceInDown 2s ease, bounceOutUp 4s 2s ease;
animation: bounceInDown 2s ease, bounceOutUp 4s 2s ease;