# 图层


:::info{title="相关信息"}
一般来说，可以把普通文档流看成一个图层。特定的属性可以生成一个新的图层。不同的图层渲染互不影响，所以对于某些频繁需要渲染的建议单独生成一个新图层，提高性能。但也不能生成过多的图层，会引起反作用。
:::

通过以下几个常用属性可以生成新图层

- 3D 变换：`translate3d`、`translateZ`
- `will-change`
- `video`、`iframe` 标签
- 通过动画实现的 `opacity` 动画转换
- `position: fixed`

浏览器的图层

如何精通面试,获取前端面试资源,吊打大厂面试官,通过面试题查缺补漏,Whyknown Coding助你春招、秋招、社招一战成名。