CSS 底部颗粒磨砂特效

参考:element-plus的顶部效果

background-image: radial-gradient(transparent 1px, var(--bg-color) 1px);

background-size: 4px 4px;

backdrop-filter: saturate(50%) blur(4px);

注意点:var(--bg-color) 改为跟你背景色相同的即可。 其他自己看情况调整自己喜欢的效果。

相关推荐
檀越剑指大厂17 分钟前
【Nginx系列】Tengine:基于 Nginx 的高性能 Web 服务器与反向代理服务器
服务器·前端·nginx
是你的小橘呀30 分钟前
深入理解 JavaScript 预编译:从原理到实践
前端·javascript
uhakadotcom33 分钟前
在使用cloudflare workers时,假如有几十个请求,如何去控制并发?
前端·面试·架构
风止何安啊35 分钟前
栈与堆的精妙舞剧:JavaScript 数据类型深度解析
前端·javascript
用户47949283569151 小时前
Chrome DevTools MCP:让 AI 助手直接操作浏览器开发工具
前端·javascript·chrome
Rysxt_1 小时前
Vuex 教程 从入门到实践
前端·javascript·vue.js
by__csdn1 小时前
Node.js版本与npm版本的对应关系
前端·npm·node.js
AI_56782 小时前
Webpack性能优化终极指南:4步实现闪电打包
前端·webpack·性能优化
威风的虫2 小时前
ES6 数组方法:告别循环,拥抱函数式编程
开发语言·前端·javascript
小杨快跑~2 小时前
ES6 Promise:告别回调地狱的异步编程革命
前端·javascript·ecmascript·es6