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);
}
相关推荐
NBtab10 小时前
Vite + Vue3项目版本更新检查与页面自动刷新方案
前端
天天扭码10 小时前
来全面地review一下Flex布局(面试可用)
前端·css·面试
用户4582031531710 小时前
CSS特异性:如何精准控制样式而不失控?
前端·css
libraG11 小时前
Jenkins打包问题
前端·npm·jenkins
前端康师傅11 小时前
JavaScript 作用域
前端·javascript
前端缘梦11 小时前
Vue Keep-Alive 组件详解:优化性能与保留组件状态的终极指南
前端·vue.js·面试
我是天龙_绍11 小时前
使用 TypeScript (TS) 结合 JSDoc
前端
云枫晖11 小时前
JS核心知识-事件循环
前端·javascript
Simon_He11 小时前
这次来点狠的:用 Vue 3 把 AI 的“碎片 Markdown”渲染得又快又稳(Monaco 实时更新 + Mermaid 渐进绘图)
前端·vue.js·markdown
eason_fan12 小时前
Git 大小写敏感性问题:一次组件重命名引发的CI构建失败
前端·javascript