chrome85新出的几个对性能优化最有用的css之一。优先渲染屏幕内的可视内容，通过以下效果图可以看到在滚动加载之前，可视区域之外的div内容都是空的。对屏幕之外的内容（包括布局）达到条件（进入视图区域）进行渲染。不仅加快了首屏渲染速度，更加快了页面可交互的速度。

首先了解下css mask，mask可以接收一个图片类型或者一个类似background属性的渐变，也就是radial-gradient，其使用方法也类似background属性。详见：([链接]。