css - 请问B站顶部的模糊半透明导航条是怎么实现的呢？

Question

新人想学习B站顶部的导航条半透明模糊效果。使用过CSS3的filter的blur滤镜，效果没有B站做的那么好。也用过多个层使用rgba色叠加，也不行。我查了B站的代码，貌似它不是用滤镜实现的，而且兼容性很好，不知道怎么...

PHPz · Answer

看了下代码，毛玻璃效果是用 filter:blur 加 background-image 实现的。

具体的做法可以参考这篇文章

PHP中文网 · Answer

background-color: rgba(255,255,255,0.4);
代码里生效的属性是这么写的。
filter:blur(5px);

Php8, I'm coming too