Angularjs CSS关键帧动画能否用于角度'；s ng动画指令？

下面是在列表中插入项目的动画。这使用-webkit转换将插入从缩放（0）缩放到缩放（1）。将ng animate=“'insert'”切换到ng animate=“'fader'”将使用Javascript动画插入项目

---

但是：我希望能够在这里使用CSS关键帧动画。列表中的最后一个条目是硬编码的，使用“float enter start”类。我似乎无法使ng animate正确应用此类。似乎设置ng animate=“”float“应该可以工作，但实际上不行。我遗漏了什么？

CSS动画代码无法工作的原因是它使用的是CSS3动画，而不是转换。目前AngularJS ngAnimate还不支持检测CSS动画属性（仅限转换）。这周有人要求把它修好，我计划在下周一到周五之间修好

同时，如果您希望仍然支持此功能，那么可以使用JavaScript动画使其工作，而函数体中没有任何内容。您所要做的就是在CSS动画XXXX毫秒后调用done（）方法。然后在CSS代码中（因为ngAnimate仍然将CSS类添加到元素中），您可以使用相同的CSS动画代码，但只需在设置的超时内使用函数体中的总持续时间

这是代码。只需包含以前的CSS代码即可完成实际动画。

---

ngAnimate现在支持CSS动画。只需跳转到github中的主分支，克隆并打包代码即可获得angular.js的更新版本。您可以使用版本1.1.5，此版本支持keyframe:。