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);
}
相关推荐
熊猫比分管理员6 小时前
【全栈源码解决方案】Vue+Java四端齐全,一周交付可运行项目!
java·前端·vue.js
o***74176 小时前
【Nginx 】Nginx 部署前端 vue 项目
前端·vue.js·nginx
坚持就完事了6 小时前
CSS-5:盒子模型
前端·css·html
一 乐6 小时前
考公|考务考试|基于SprinBoot+vue的考公在线考试系统(源码+数据库+文档)
前端·javascript·数据库·vue.js·spring boot·课程设计
吃饺子不吃馅6 小时前
优化:如何避免 React Context 引起的全局挂载节点树重新渲染
前端·面试·github
q***72196 小时前
Y20030018基于Java+Springboot+mysql+jsp+layui的家政服务系统的设计与实现 源代码 文档
android·前端·后端
林太白7 小时前
跟着TRAE SOLO全链路看看项目部署服务器全流程吧
前端·javascript·后端
humor7 小时前
Quill 2.x 从 0 到 1 实战 - 为 AI+Quill 深度结合铺路
前端·vue.js
FinClip7 小时前
京东外卖App独立上线,超级App如何集成海量小程序?
前端
一颗苹果OMG7 小时前
随着AI的发展,测试跟prompt会不会成为每个程序员的必修课
前端·程序员·全栈