javascript - js的點擊事件，用css3 transition做過渡，沒有效果如下程式碼

Question

html {程式碼...} css {程式碼...} js {程式碼...}

大家讲道理 · Answer

因為display是狀態屬性，也就是說，它的改變會導致從一個狀態直接跳到另一個狀態，所以不存在漸變動畫。如果需要隱藏，建議使用opacity來做。 opacity是控制透明度的屬性，當透明度為0時，元素就看不見了。

另外，提醒一下，你的#box樣式裡寫了兩次display屬性。

曾经蜡笔没有小新 · Answer

你如果要用transition不妨不用display:none換成height:0或width:0，從高度或寬度上來隱藏

学习ing · Answer

你想要的是關閉聊天對話框的視窗動畫效果？合併關閉或右側淡出，用框架吧，容易實現

javascript - js的點擊事件，用css3 transition做過渡，沒有效果 如下程式碼