首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

毛玻璃 CSS 特效的兼容性方案探究

前一段时间在某项目中用到了“高斯模糊”的滤镜效果,过程中尝试了多种方案,这里总结一种方式,希望可以帮助到有需要的道友~ UI 小姐姐非要让我在 Android 系统自定义的 Webview 上支持实现我们俗称的“毛玻璃...毛玻璃效果在 iOS 系统上比较常见,比如消息通知栏、手机助手卡片等地方,所以咱打开苹果官网看看!...果不其然,导航栏就用到了“家族式设计”的“毛玻璃特效 打开控制台抄一抄作业: 主要是用到了 backdrop-filter CSS3 的属性,于是乎,顺手就用上了。...如果“毛玻璃”和背景没有文中的相对移动,直接让 UI 小姐姐切个图,直接解决一切兼容性 & 性能问题!

1.7K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到
    领券