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

你想要的是关闭聊天对话框的窗口动画效果？合并关闭或者右侧淡出，用框架吧，容易实现

php8，我来也