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) 改为跟你背景色相同的即可。 其他自己看情况调整自己喜欢的效果。

相关推荐
pusheng202510 分钟前
普晟传感2026年新春年会总结与分析
前端·javascript·html
谢尔登11 分钟前
React19事件调度的设计思路
前端·javascript·react.js
Emma_Maria21 分钟前
本地项目html和jquery,访问地址报跨域解决
前端·html·jquery
奋斗吧程序媛26 分钟前
常用且好用的命令
前端·编辑器
2301_7965125230 分钟前
【精通篇】打造React Native鸿蒙跨平台开发高级复合组件库开发系列:Lazyload 懒加载(懒加载的图片)
前端·javascript·react native·react.js·ecmascript·harmonyos
敲敲了个代码35 分钟前
从N倍人力到1次修改:Vite Plugin Modular 如何拯救多产品前端维护困境
前端·javascript·面试·职场和发展·typescript·vite
Yff_world43 分钟前
网络安全与 Web 基础笔记
前端·笔记·web安全
Sapphire~44 分钟前
Vue3-19 hooks 前端数据和方法的封装
前端·vue3
浩宇软件开发1 小时前
基于OpenHarmony鸿蒙开发医院预约挂号系统(前端后端分离)
前端·华为·harmonyos
嘿是我呀1 小时前
【用npm安装node时报错“npm 无法加载文件”】
前端·npm·node.js