如何解决css3的filter: blur属性在移动端会使得js卡顿的问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何解决css3的filter: blur属性在移动端会使得js卡顿的问题相关的知识,希望对你有一定的参考价值。

如何解决css3的filter: blur属性在移动端会使得js卡顿的问题

参考技术A 不建议在移动端用这个效果,你可以用两张图片一张用模糊的一张用清楚的~然后通过JS切换达到
filter: blur的效果~
参考技术B 不用这个效果。手机硬件渲染速度跟不上,你解决不了。本回答被提问者采纳

css filter:blur在安卓版微信中无效

如题,写了各种前缀还是没用,在苹果的微信里打开页面有效,安卓就不行了

参考技术A 安卓苹果系统不一样追问

这个谁都知道

参考技术B filter: xxx 的东西最开始是ie专有的滤镜(后来貌似苹果也支持这个东西了),其他内核浏览器根本不认识这玩意,安卓下当然不会出效果。本回答被提问者和网友采纳

以上是关于如何解决css3的filter: blur属性在移动端会使得js卡顿的问题的主要内容,如果未能解决你的问题,请参考以下文章

转css3实现ios7“毛玻璃”模糊效果

css3模糊图片

css filter:blur在安卓版微信中无效

CSS3实现毛玻璃(图片模糊)效果

为啥css毛玻璃效果属性无用

CSS3滤镜模糊关键帧动画