为什么这个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转换不起作用？

回答

相关问题