3-20 什么情况下出现浏览器分层？

浏览器层合成与页面渲染优化: https://juejin.cn/post/6844903966573068301

1. 3D transforms：translate3d、translateZ 等

2. video、canvas、iframe 等元素

3. 通过 Element.animate() 实现的 opacity 动画转换

4. 通过 СSS 动画实现的 opacity 动画转换

5. position: fixed

6. 具有 will-change 属性

7. 对 opacity、transform、fliter、backdropfilter 应用了 animation 或者 transition