博客探讨了为何在CSS中使用`display:none`切换到`display:block`不会产生渐变动画，原因是这会导致DOM节点的重新创建。解决方案是改用`opacity`属性进行透明度变化，以确保动画效果的平滑。此内容对于前端开发者优化用户体验至关重要。
原因：display: none是销毁当前dom节点，再次切换为display: block时会再创建节点，此时css选择器会重新赋予上去。所以不存在渐变动画。
解决方法：用opacity（透明度）去替代。
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
原因：display: none是销毁当前dom节点，再次切换为display: block时会再创建节点，此时css选择器会重新赋予上去。所以不存在渐变动画。
解决方法：用opacity（透明度）去替代。
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
