为什么这个非常简单的CSS不起作用？

Question

动态应用和删除.hide类。无论我做什么，当它显示时，我根本无法将这个div设置为动画。

div{
    transform: scaleY(1);
    transform-origin: top;
    transition: transform 0.3s ease-in-out;
}

.hide{
    transform: scaleY(0);
}

Answer 1

https://jsfiddle.net/fw0mr58k/

transform: scaleY(0);

以下是包含一些javascript事件的代码示例 如果它不起作用，codnisder使用供应商前缀，因为它可以依赖于浏览器。

此外，您可能与父元素存在一些冲突。请提供完整的代码示例