CSS 元素过渡高度在镶边上不起作用

Question

我试图在css上制作一些带有过渡的动画，除了元素的高度之外，其他所有动画都可以工作。我正在使用 chrome，一些使用其他浏览器(如 safari(的人告诉我它正在工作，即使我需要它才能在所有主要浏览器上运行，我目前正在尝试找到 chrome 的修复程序。这是小提琴：http://jsfiddle.net/VPCxq/2/

如您所见，我有我的元素(#test(，在我的 css 中我有：

#test{
    height: 4vh;
    -prefixes-transition-property: height;
    -prefixes-transition-duration: 0.3s;
}
#text:hover{
    height:8vh;
}

但高度不是动画的。在小提琴中，我放了其他东西只是为了表明它们有效。有没有人为此修复了铬？

Answer 1

您无法转换到auto或从转换。 auto将替换为 0。加：

#test {
    height: 4vh;
}

http://jsfiddle.net/bFJ29/