我想使用角度动画制作动画。我的CSS规则是：
.expanded {
transition: all ease 0.5s;
overflow: hidden;
}
.expanded.ng-hide {
height: 0px;
}
例如，如果我添加height: 100px到.expanded类中，则一切正常。但是如何使它在没有height定义的情况下起作用？我需要这个，因为.expanded容器的内容可能不同。
在CSS中，无法将高度动画化为“自动”（在angularJS中都不能）。您可以尝试使用max-height代替。有一些影响，但是至少您可以尝试。因此，不是设置从0到自动的高度，而是设置max-height的动画。您可以将max-height设置为比所需的高度大得多，这将起作用。
#container {
max-height: 0;
height: 100px;
background: red;
transition: max-height .3s ease-in;
}
#container:hover {
max-height: 500px;
}<div id="container">
Hover me
</div>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句