display: none 和display: block之间的切换也会出现过渡效果失效的情况。
原因:display: none是销毁当前dom节点,再次切换为display: block时会再创建节点,此时css选择器会重新赋予上去。所以不存在渐变动画。
解决方法:
- 用opacity(透明度)去替代。
- 用visibility : hidden和visibility: visible进行替换
display: none 和display: block之间的切换也会出现过渡效果失效的情况。
原因:display: none是销毁当前dom节点,再次切换为display: block时会再创建节点,此时css选择器会重新赋予上去。所以不存在渐变动画。
解决方法: