iOS在设置css的filter属性不生效

问题

blur值太大

css 复制代码
// css相关代码
{
	width: 875px;
    height: 875px;
    border-radius: 875px;
    background: #ffda10;
    filter: blur(250px);
}

解决

css 复制代码
// 启用硬件加速
// 1
{
	width: 875px;
    height: 875px;
    border-radius: 875px;
    background: #ffda10;
    filter: blur(250px);
    will-change: filter;
}
// 2
{
	width: 875px;
    height: 875px;
    border-radius: 875px;
    background: #ffda10;
    filter: blur(250px);
	transform: translateZ(0);
}
相关推荐
o***Z4484 分钟前
前端无障碍开发检查清单,WCAG合规
前端
J***Q29230 分钟前
前端CSS架构模式,BEM与ITCSS
前端·css
G***T6911 小时前
React性能优化实战,避免不必要的重渲染
前端·javascript·react.js
q***d1731 小时前
前端微前端部署方案,Nginx与Webpack
前端·nginx·webpack
y***54881 小时前
前端构建工具扩展,Webpack插件开发
前端·webpack·node.js
4***14901 小时前
前端构建工具多页面配置,Webpack与Vite
前端·webpack·node.js
网络点点滴1 小时前
标签的ref属性
前端·javascript·vue.js
天若有情6732 小时前
前端 vs 后端:入行软件行业,我该如何选择?哪个更“简单”?
前端·后端·软件开发·职业·就业·选择
小画家~2 小时前
第二十八:golang Time.time 时间格式返回定义结构体
java·前端·golang
Cobyte3 小时前
17. Vue3 业务组件库按需加载的实现原理
前端·javascript·vue.js