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,从高度或宽度上来隐藏
你想要的是关闭聊天对话框的窗口动画效果?合并关闭或者右侧淡出,用框架吧,容易实现