爲什麼動畫不能用於最大高度？

Question

據this answer我們可以用動畫max-height財產，但由於某種原因，動畫不適用於（see plunker）這樣的規定max-height屬性：

.animated-div { 
    overflow: hidden; 
    background: lightblue; 
    opacity:1; 
    height:500px; 
} 

.animated-div.ng-hide-add.ng-hide-add-active, 
.animated-div.ng-hide-remove.ng-hide-remove-active { 
    transition:all linear 0.5s; 
} 

.animated-div.ng-hide { 
    height:0; 
    opacity:0; 
} 

然而，如果我改變最大高度，以高度的效果很好。有什麼問題？

Answer 1

這一切正常，但你的例子沒有正確設置，以演示效果。 animated-div只是不夠高，看不到效果，在最大高度開始之前，不透明度已經很低，不能再看到效果。演示（我添加了更多文本，刪除了不透明度更改並在兩秒鐘內進行了演示以進行演示;並且轉換在懸停時可以多次查看效果，而無需重新啓動/重新加載）。