0
时，我不明白，为什么这里的动画不工作： http://plnkr.co/edit/ulq1MQNDtY9cO2pcjdzF?p=previewngClass动画失败靶向子元素
发生的事情是：
- 上添加类：从成长到
0200px并且具有从red到blue的背景颜色转换 - 删除类：从
200px缩减到0并且具有背景颜色转换从到yellow
任何想法为什么？
谢谢。
A
回答
0
我认为你说的动画不起作用 问题是你正在给'.heading'添加动画，但是你只是在切换'.expanded'。
只有在添加类时才会应用Css动画，因此删除类并添加类将激活动画。
下面的代码将修复乌尔动画
<div class="container" ng-class="{expanded:isVisible}">
<h1 ng-class="{heading:isVisible}">Hello Plunker!</h1>
</div>
相关问题
- 1. jquery：.attr（）失败的子元素
- 2. 向左移动元素 - CSS动画
- 3. UIView动画失败
- 4. CSS3动画失败
- 5. jQuery动画失败
- 6. jQuery动画使元素消失
- 7. 使HTML元素消失与CSS动画
- 8. jquery的肘节动画元素消失
- 9. 元素动画
- 10. 动画元素
- 11. 用css动画元素方向控制
- 12. 靶向组分
- 13. jQuery子元素循环动画
- 14. UpdatePanel的肠子元素的动画
- 15. jQuery元素动画的孩子价值？
- 16. CSS3当动画时忽略子元素
- 17. presentViewController：动画：完成：失败
- 18. jQuery的动画（）失败
- 19. CSS：SVG旋转动画失败
- 20. AS 2.0，Greensock，动画失败
- 21. 优化动画失败
- 22. Eclipse“元素创建失败”
- 23. C++元素访问失败？
- 24. sessionFactory bean失败'persistence'元素
- 25. 动画HTML画布元素
- 26. 动画元素jquery
- 27. 动画DOM元素
- 28. AngularJS动画元素
- 29. 动画4中的子元素动画4
- 30. 选择一个元素并将动画应用到子元素
我需要切换父类和有其他孩子的反应也是如此。普朗克是一个简单的例子。 – Francisc
此外，当添加或删除父类时，CSS将在子元素上进行转换。这是一个无法解决的问题。 – Francisc