css 中 fxied 导航栏毛玻璃效果怎么实现的

2019-09-16 22:25:32 +08:00
 aoscici2000

就是像微博之类很多 APP 的导航栏的那种效果, 当内容滚动到导航栏下面的时候, 被遮住的部分呈现毛玻璃的效果, 网上找了很多例子都是整个页面给虚幻掉的, 如果只想要导航栏那一小部分展示效果, 是怎么实现的?

4629 次点击
所在节点    CSS
3 条回复
cst4you
2019-09-16 22:30:03 +08:00
https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter
molvqingtai
2019-09-16 22:45:43 +08:00
我看 bilibili 直接用的张 png
aoscici2000
2019-09-16 22:51:22 +08:00
@cst4you 谢谢

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/601321

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX