84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
html
# 雷雷
雷雷
因为display是状态属性，也就是说，它的改变会导致从一个状态直接跳到另外一个状态，所以不存在渐变动画。如果需要隐藏，建议使用opacity来做。opacity是控制透明度的属性，当透明度为0时，元素就不可见了。
display
opacity
另外，提醒一下，你的#box样式里写了两次display属性。
#box
你如果要用transition不妨不用display:none换成height:0或者width:0，从高度或宽度上来隐藏
你想要的是关闭聊天对话框的窗口动画效果？合并关闭或者右侧淡出，用框架吧，容易实现
因为
display是状态属性，也就是说，它的改变会导致从一个状态直接跳到另外一个状态，所以不存在渐变动画。如果需要隐藏，建议使用opacity来做。opacity是控制透明度的属性，当透明度为0时，元素就不可见了。另外，提醒一下，你的
#box样式里写了两次display属性。你如果要用transition不妨不用display:none换成height:0或者width:0，从高度或宽度上来隐藏
你想要的是关闭聊天对话框的窗口动画效果？合并关闭或者右侧淡出，用框架吧，容易实现