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);
}
相关推荐
T___T1 分钟前
Vue 3 做 todos , ref 能看懂,computed 终于也懂了
前端·javascript·面试
bug总结2 分钟前
vue+A*算法+canvas解决自动寻路方案
前端·vue.js·算法
cindershade2 分钟前
JavaScript 事件循环机制详解及项目中的应用
前端·javascript
王霸天3 分钟前
🚀 告别“变形”与“留白”:前端可视化大屏适配的终极方案(附源码)
前端·javascript
LYFlied8 分钟前
Vue版本演进:Vue3、Vue2.7与Vue2全面对比
前端·javascript·vue.js
PieroPC10 分钟前
Nicegui 组件放在页面中间
前端·后端
Airene16 分钟前
Vite 8 发布 beta 版本了,升级体验一下 Rolldown
前端·vite
冰暮流星18 分钟前
css3如何引入外部字体
前端·css·css3
ByteCraze26 分钟前
从零到一:构建一个实时语音翻译应用(Vue3 + Web Speech API)
前端·开源·github
名字被你们想完了36 分钟前
Flutter 实现一个容器内部元素可平移、缩放和旋转等功能(三)
前端·flutter