CSS过渡属性transition与display冲突问题

作者: 图恩分类: 编程开发阅读: 822发布时间： 2020-04-12

冲突：当改变元素display属性时，过渡属性transition失效。原因：display:none的时候，页面文档流中将不会存在该元素。transition无法对一个从有到无的元素产生过渡效果。解决方法： 1.改变元素的宽/高为0px,达到隐藏的目的。 2.使用visibility替代display。

发表评论 (审核通过后显示评论)：

专题推荐
从零搭建博客
前端开发
javascript教程
vue3+ts教程
推荐阅读
- 1酥醪村到正果老街：一条不容错过的跑山路线推荐
  阅读：1593 发布时间：2025-07-19 22:18:57
- 2当我的手机能从26楼连接车上的蓝牙后..
  阅读：972 发布时间：2025-07-16 22:28:47
- 3路过大梅沙，没预约真的会被拍！
  阅读：937 发布时间：2025-07-15 10:28:10
- 4如何查看gradle包最新版本
  阅读：905 发布时间：2025-07-12 10:14:01
- 5超速驾驶被扣6分，罚款200元
  阅读：692 发布时间：2025-07-28 22:34:41
- 6在 Spring Boot 中集成 Caffeine 缓存
  阅读：608 发布时间：2025-07-12 10:04:10
- 7回长沙参加老婆妹妹的婚礼
  阅读：563 发布时间：2025-08-10 21:53:45
- 8比亚迪的刹车偏软如何通过车机设置解决
  阅读：439 发布时间：2025-08-18 22:17:33
- 9车主必看：为什么千万不能把车停在树下面？
  阅读：376 发布时间：2025-07-06 22:30:27
- 10umami统计：适合个人网站的专业统计工具
  阅读：347 发布时间：2025-12-11 22:10:45

CSS过渡属性transition与display冲突问题

发表评论 (审核通过后显示评论)：

文章评论(0)