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

时间:2016-09-13 19:39:31

标签: css angularjs

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

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


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

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

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

1 个答案:

答案 0 :(得分:0)

停止动画的风格是:

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

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