javascript - js的点击事件，用css3 transition做过渡，没有效果 如下代码

Question

html

雷雷 ##CSS

# 雷雷

js

雷雷

Answer 1

因为display是状态属性，也就是说，它的改变会导致从一个状态直接跳到另外一个状态，所以不存在渐变动画。如果需要隐藏，建议使用opacity来做。opacity是控制透明度的属性，当透明度为0时，元素就不可见了。

另外，提醒一下，你的#box样式里写了两次display属性。

Answer 2

你如果要用transition不妨不用display:none换成height:0或者width:0，从高度或宽度上来隐藏

Answer 3

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