前端经验

「前端记录」-webkit-filter:blur会导致移动端卡顿

-webkit-filter:blur属性对于PC端来说非常好用,高斯模糊效果特别棒,但是这个效果用在移动端的时候就心有余而力不足了,由于硬件限制,移动端的硬件渲染速度会非常耗费资源所以导致卡顿,如果想要实现这种效果,建议移动端使用两张图片,一张高斯模糊后的效果,另一张是清晰的图片,交换显示,这样就可以模拟出高斯模糊渐渐清晰的效果了,前端路上也一样要学会举一反三,条条大路通我家!

Powered By Z-BlogPHP 1.5 Zero

Copyright webexp.cn Rights Reserved.

本站基于 阿里云服务器 + Ename域名 + Z-Blog 构建   |   站点地图   |   辽ICP备13003381号-4