爲什麼這不是很簡單的CSS工作？

.hide類是動態應用和刪除的。無論我做什麼，我都無法在顯示時讓該div生成動畫。爲什麼這不是很簡單的CSS工作？

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

.hide{ 
    transform: scaleY(0); 
}

請提供足夠的代碼來重現此問題。你包含的代碼工作正常：https：//jsfiddle.net/8baxw341/ – Serlite

一些HTML會很好。（我假設這是你的問題所在） –

我已經準備好了一個例子https://jsfiddle.net/br3t/s5hsf7rs/（你可以通過點擊div切換類「隱藏」）並且可以正常工作 – br3t

transform: scaleY(0);

下面是一些JavaScript事件代碼的一個例子，如果它不工作，codnisder使用供應商的前綴，因爲它可以依靠瀏覽器。

此外，您可能與父元素有一些衝突。請提供完整的代碼示例

2016-11-11 22:16:49

回答