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);
}
相关推荐
蘑菇头爱平底锅2 分钟前
数字孪生-DTS-孪创城市-前端用代码实现行政区划分
前端·数据可视化
安迪小宝4 分钟前
python基础语法13-装饰器
开发语言·前端·python
鸿蒙场景化示例代码技术工程师25 分钟前
实现文件List拖动鸿蒙示例代码
前端
Rachel_wang31 分钟前
React 使用 i18next 实现国际语言切换翻译
前端
小白探索世界欧耶!~31 分钟前
【踩坑】GitHub Actions 运行的 Linux 环境中,文件名是大小写敏感的
linux·运维·服务器·前端·vue.js·笔记·github
Simon—欧阳35 分钟前
C#异步方法返回Task<T>的同步调用
开发语言·前端·javascript
天生我材必有用_吴用41 分钟前
vue3实战三、Axios封装结合mock数据,vite跨域及环境变量配置 入口
前端
天生我材必有用_吴用41 分钟前
vue3实战二、搭建Vue+ElementPlus项目教程 入口
前端
天生我材必有用_吴用1 小时前
Vue3实战七、登录认证与退出登录
前端
逆袭的小黄鸭1 小时前
JavaScript DOM 事件流:从基础传播到高级控制与自定义实践
前端·javascript