如何通过 HTML5 实现 iOS 7 的实时毛玻璃模糊效果
1个回答
2016-07-18 · 百度知道合伙人官方认证企业
育知同创教育
1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】
向TA提问
关注
![]()
展开全部
所谓的毛玻璃效果其实是半透明+模糊，可以用CSS filter实现。
时间不多，就抛个砖，题主可以自己找一下文档和更多案例。
filter - CSS
div {
-moz-filter: blur(5px);
-webkit-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);
}
大体思路是，当出现弹出层的时候，对背景层增加blur filter，再给弹出层的一定透明度就可以了。
时间不多，就抛个砖，题主可以自己找一下文档和更多案例。
filter - CSS
div {
-moz-filter: blur(5px);
-webkit-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);
}
大体思路是，当出现弹出层的时候，对背景层增加blur filter，再给弹出层的一定透明度就可以了。
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
博思aippt
2024-07-20 广告
博思AIPPT是基于ai制作PPT的智能在线工具，它提供了4种AI制作PPT的方式，包括AI生成大纲、AI直接生成PPT、文本生成PPT、AI提炼文档生成PPT，一站式集成多种AI生成PPT的方式，可满足办公用户的不同需求和使用场景。ai生...
点击进入详情页
本回答由博思aippt提供
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
