关闭模态时过渡效果不起作用

Question

我使用以下样式启用过渡效果：

.ng-hide .bar {
  height: 0px;
}


.bar {
  transition: all linear 0.5s;
  border-width: 0px;
  margin: 0px;
  height: 5px;
}

问题是，关闭框时，过渡效果不起作用。 有任何线索如何解决这个问题？

链接到plnkr：http://plnkr.co/edit/B5LBwKSmL13BOoGuBhSx

Answer 1

停止动画的风格是：

.ng-hide:not(.ng-hide-animate) {display: none !important;}

如果你删除它，你会遇到其他问题。看看css类名和这里发生的事情，我有一个线索，你做错了。