本文将介绍一种通过合作来建立有趣的观点背景效果的方法。
这项技术来自一群朋友的质疑，如何建立诸如Elementui文档之类的顶级背景效果以查看效果：
细看。在页面滚动期间，顶栏的背景不是白色，玻璃效果也不是白色，但可以颗粒：背景：
确切地说，这是基于颗粒状的胶囊效应。该元素首先是颗粒的，其次，元素的边缘在一定程度上被模糊。那么我们如何实现这种效果？
上述效果似乎令人惊讶，其原理实际上非常简单。它主要是颗粒状的背景。
首先，我们需要实现粒子背景。
我们使用这样的背景：
从透明到黑色径向梯度效应如下：
应该注意的是，图片中的白色部分实际上是透明的，可以揭示其背景。
好的，我们用白色代替黑色，效果如下：
为了显示原理，每个径向梯度圆相对较大。我们将其调整回正常大小：
通过这种方式，我们成功地花岗岩背景：
当然，此时揭示的背景看起来非常艰难，不漂亮，因此我们需要它，我们添加了一个尝试：
这样，我们已经达到了一开始所显示的效果：
应该注意的是，大小控制和不同的值将影响效果。
完整演示，您可以在这里戳：Codepeng Demo-掩码过滤器
当然，在掌握了这项技术之后，我们可以尝试替换图形，更改并尝试各种不同的透视背景。
在这里，您使用了替代品：
一种非常小的技术，可以在正确的位置使用以改善页面的纹理。你学到了吗？
这篇文章在这里，我希望它对您有所帮助:)
如果您想获得最有趣的CSS信息，请不要错过我的公共帐户-ICSS FRONT -END FUN。
更精彩的CSS技术文章总结在我的github -icss中，并继续更新。欢迎订购星星订阅集。
如果您有任何疑问或建议，您可以进行更多的交流，原始文章和写作仅限于学习浅。