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);
}
相关推荐
谢尔登23 分钟前
【CSS】样式隔离
前端·css
百***58841 小时前
Redis 通用命令
前端·redis·bootstrap
Liu.7741 小时前
vue3 路由缓存导致onMounted无效
前端·javascript·vue.js
e***U8201 小时前
React Hooks性能优化
前端·react.js·前端框架
4***R2401 小时前
React数据分析
前端·react.js·前端框架
X***E4631 小时前
React课程
前端·react.js·前端框架
4***99741 小时前
React音频处理案例
前端·react.js·音视频
1***81532 小时前
React组件
前端·javascript·react.js
6***3492 小时前
Vue混合现实案例
前端·vue.js·mr