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

相关推荐
程序员小寒4 分钟前
JavaScript设计模式(八):命令模式实现与应用
前端·javascript·设计模式·ecmascript·命令模式
wgod12 分钟前
new AbortController()
前端
UXbot18 分钟前
UXbot 是什么?一句指令生成完整应用的 AI 工具
前端·ai·交互·个人开发·ai编程·原型模式·ux
棒棒的唐33 分钟前
WSL2用npm安装的openclaw,无法正常使用openclaw gateway start启动服务的问题
前端·npm·gateway
哔哩哔哩技术42 分钟前
使用Compose Navigation3进行屏幕适配
前端
咬人喵喵2 小时前
E2.COOL 平台深度解析:从特效分类到实战操作指南
前端·编辑器·svg
RisunJan2 小时前
Linux命令-named-checkzone
linux·前端
小陈工2 小时前
Python Web开发入门(十):数据库迁移与版本管理——让数据库变更可控可回滚
前端·数据库·人工智能·python·sql·云原生·架构
吹晚风吧3 小时前
解决vite打包,base配置前缀,nginx的dist包找不到资源
服务器·前端·nginx
weixin199701080163 小时前
《施耐德商品详情页前端性能优化实战》
前端·性能优化