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);
}
相关推荐
wangbing11252 分钟前
npm ERR! code CERT_HAS_EXPIRED
前端·npm·node.js
Mae_cpski7 分钟前
【实践功能记录9】使用pnpm打补丁
前端
爱做ppt的阿伟18 分钟前
实现小球不断往下滚动
前端
橘子师兄27 分钟前
联通用户管理系统(一)
javascript·css·数据库·python·正则表达式·django·html5
田本初28 分钟前
【CSS】:nth-child和:nth-of-type
前端·css
奥特曼狂扁小怪兽30 分钟前
ubuntu 下使用glog管理日志
前端·javascript·ubuntu
bug总结36 分钟前
vue3+vite+ts+router4+Pinia+Axios+sass 从0到1搭建
前端·vue.js·typescript·axios
ZweiChimera1 小时前
ThreeJs能力演示——图层间物体迁移
linux·前端·javascript
ThomasChan1232 小时前
CSS 样式 box-sizing: border-box; 详细解读
前端·javascript·css·node.js·html·css3·html5
字节跳动技术团队2 小时前
字节跳动观测数据埋点标准化实践
前端·人工智能·后端