爲什麼這個CSS轉換不起作用？

我有代碼元素上爲過渡：爲什麼這個CSS轉換不起作用？

#zlatest .zreader-toggle-fetch-inner { 
    -webkit-transition: all 3s ease-in-out; 
    -moz-transition: all 3s ease-in-out; 
    -o-transition: all 3s ease-in-out; 
    transition: all 3s ease-in-out; 
}

這一個元件相匹配。在此元素的我和這些類之間切換，希望看到一個平穩過渡，但這種變化是直接：

.zReader-requested { 
    height: 50px; 
} 
.zreader-received { 
    height: auto; 
}

我在做什麼錯在這裏？

來源

2014-02-13 Leo

使用最大高度而不是高度。 – newTag

有一個鏈接到另一個答案。這被刪除，這是我意想不到的。不幸的是，這意味着我失去了它。所以這裏又是一個問題 - 我可能已經在那裏回答了，我不知道。爲什麼最大高度的工作呢？ – Leo

你不能過渡到一個隱含的高度值 –

您尚未實施過渡。你所做的是切換元素類，所以效果立即發生。

你需要做的是在發生事情時啓動動畫，而不僅僅是切換類。

來源

2014-02-13 23:59:08

另外，你不能轉換到'height：auto' –

謝謝@Toan，但我不明白你的意思。它使用切換類，如果我使用最大高度。 – Leo

爲什麼這個CSS轉換不起作用？

回答

相關問題