技术栈

iOS在设置css的filter属性不生效

DyuanH2024-08-16 17:55

问题

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);
}
上一篇:CSS——动画(animation)
下一篇:Web开发-CSS篇-下
相关推荐
J***Q292
21 小时前
Vue数据可视化
前端·vue.js·信息可视化
ttod_qzstudio
1 天前
深入理解 Vue 3 的 h 函数:构建动态 UI 的利器
前端·vue.js
_大龄
1 天前
前端解析excel
前端·excel
一叶茶
1 天前
移动端平板打开的三种模式。
前端·javascript
前端大卫
1 天前
一文搞懂 Webpack 分包:async、initial 与 all 的区别【附源码】
前端
Want595
1 天前
HTML音乐圣诞树
前端·html
老前端的功夫
1 天前
前端浏览器缓存深度解析:从网络请求到极致性能优化
前端·javascript·网络·缓存·性能优化
Running_slave
1 天前
你应该了解的TCP滑窗
前端·网络协议·tcp/ip
程序员小寒
1 天前
前端高频面试题之CSS篇(一)
前端·css·面试·css3
颜酱
1 天前
Monorepo 架构以及工具选型、搭建
前端·javascript·node.js
热门推荐
01GitHub 镜像站点02BongoCat - 跨平台键盘猫动画工具03【保姆级教程】免费使用Gemini3的5种方法!免翻墙/国内直连04UV安装并设置国内源05Linux下V2Ray安装配置指南06安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)07“我的电脑”图标没了怎么办 4种方法找回08Labelme从安装到标注:零基础完整指南09全球最强模型Grok4,国内已可免费使用!(附教程)10KGG转MP3工具|非KGM文件|解密音频