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

相关推荐
耳东小鹿1 小时前
对象常用方法
前端
程序员海军1 小时前
一个 AI 应用开发程序员的一天,都在屏幕前忙些什么?
前端·后端·程序员
程序员黑豆1 小时前
鸿蒙应用开发:Stack堆叠组件实战——实现微信消息角标效果
前端·harmonyos
夏幻灵1 小时前
浏览器原理深度解析:从输入 URL 到页面展现的全流程剖析
前端
闲猫2 小时前
Agent工程实践:从WorkFlow到多Agent协作的落地笔记
java·服务器·前端
带娃的IT创业者2 小时前
重新定义前端构建速度:深度解析 SWC 如何用 Rust 颠覆 JavaScript 工具链
前端·javascript·rust·前端构建·swc
happy_0x3f2 小时前
前端应用的离线暂停更新策略
开发语言·前端·php
你驴我3 小时前
WhatsApp 消息撤回与编辑的幂等性设计实践
java·服务器·前端·后端·python
新中地GIS开发老师3 小时前
零基础WebGIS开发入门 | GeoJSON数据持久化
前端·javascript·gis·webgis·三维gis开发
blns_yxl4 小时前
正则驱动实时表单验证(HTML+CSS+JS+正则)
javascript·css·html