[css] CSS3中的transition是否可以过渡opacity和display？
transition过渡display是有一个前提条件:
浏览器渲染是在每一帧的最后，每一帧都会执行以下操作:js执行2.style加持3.layout4.paint5.composite在js执行过程中， 遇到DOM操作，并不会立即渲染，而是推入到队列中，等待UI Render的执行一次性渲染，这是浏览器的优化手段
接下来是重点：
在获取DOM的布局信息时，会强制清空队列进行渲染，此时transition是可以过渡display的
个人简介
我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论
主目录
与歌谣一起通关前端面试题
![[css] 说下background-color:transparent和opacity:0的区别是什么？](http://pic.xiahunao.cn/[css] 说下background-color:transparent和opacity:0的区别是什么？)
![[css] z-index有时不起作用的原因是什么？怎么解决？](http://pic.xiahunao.cn/[css] z-index有时不起作用的原因是什么？怎么解决？)
![[css] 你有了解css计数器（序列数字字符自动递增）吗？如何通过css的content属性实现呢？](http://pic.xiahunao.cn/[css] 你有了解css计数器（序列数字字符自动递增）吗？如何通过css的content属性实现呢？)
![[css] 说说你对css的will-change属性的理解，它有什么作用呢？](http://pic.xiahunao.cn/[css] 说说你对css的will-change属性的理解，它有什么作用呢？)
![[官方] mysql 性能优化文档（中英文自译）](http://pic.xiahunao.cn/[官方] mysql 性能优化文档（中英文自译）)
![[css] transition、animation、transform三者有什么区别？](http://pic.xiahunao.cn/[css] transition、animation、transform三者有什么区别？)
