0

我不明白为什么这里的动画不起作用: http ://plnkr.co/edit/ulq1MQNDtY9cO2pcjdzF?p=preview

应该发生的是:

  • 0在添加类上:从to增长200px并使背景颜色从redto过渡blue
  • 删除类:从200pxto收缩0并使背景颜色从greento过渡yellow

知道为什么吗?
谢谢你。

4

1 回答 1

0

我假设您说动画不起作用问题是您正在向“.heading”添加动画,但您只是切换“.expanded”。

Css 动画只有在添加类时才会生效,因此删除类并添加类将激活动画。

以下代码将修复您的动画

<div class="container" ng-class="{expanded:isVisible}">
  <h1 ng-class="{heading:isVisible}">Hello Plunker!</h1>
</div>
于 2013-12-16T19:12:10.243 回答