javascript - 如何给网站顶栏菜单加上动态模糊的毛玻璃效果?
怪我咯
怪我咯 2017-04-11 12:09:25
[JavaScript讨论组]

有些类似B站的顶栏,但B站顶栏不是固定的,我想做的是固定顶栏,同时也能动态模糊背景,也就是把页面拉下来,让菜单遮住的任意位置都是模糊的,请问如何实现?

之前已经有人问过类似的问题
https://segmentfault.com/q/10...

给出的解决方法是需要加张跟背景同样的background-image图片,两张图片重叠来达到局部模糊效果,只能说是静态模糊(B站用的就是此方法)。求高手赐教动态模糊的方法!

怪我咯
怪我咯

走同样的路,发现不同的人生

全部回复(3)
PHP中文网

B站用的是css3 filter过滤器 filter:blur(5px)

阿神

css3的过滤器blur就是模糊的实现、不知道题主想要的具体是什么样的效果

迷茫

推荐filter:blur(10px); 高斯模糊

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号