[css] CSS3中的transition是否可以过渡opacity和display?

[css] CSS3中的transition是否可以过渡opacity和display?

transition过渡display是有一个前提条件:
浏览器渲染是在每一帧的最后,每一帧都会执行以下操作:

    js执行
    2.style加持
    3.layout
    4.paint
    5.composite

在js执行过程中, 遇到DOM操作,并不会立即渲染,而是推入到队列中,等待UI Render的执行一次性渲染,这是浏览器的优化手段
接下来是重点:
在获取DOM的布局信息时,会强制清空队列进行渲染,此时transition是可以过渡display的

个人简介

我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题

你可能感兴趣的:([css] CSS3中的transition是否可以过渡opacity和display?)