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

相关推荐
apollo_qwe17 分钟前
前端缓存深度解析:从基础到进阶的实现方式与实践指南
前端
周星星日记25 分钟前
vue中hash模式和history模式的区别
前端·面试
Light6025 分钟前
Vue 高阶优化术:v-bind 与 v-on 的实战妙用与思维跃迁
前端·低代码·vue3·v-bind·组件封装·v-on·ai辅助开发
周星星日记25 分钟前
5.为什么vue中使用query可以保留参数
前端·vue.js
lebornjose26 分钟前
javascript - webgl中绑定(bind)缓冲区的逻辑是什么?
前端·webgl
瘦的可以下饭了30 分钟前
Day05- CSS 标准流、浮动、Flex布局
前端
前端无涯32 分钟前
React中setState后获取更新后值的完整解决方案
前端·react.js
西愚wo33 分钟前
前端开发者必备:在浏览器控制台批量提取HTML表单字段名(Label)
前端
小鸡吃米…1 小时前
Python - 类属性
java·前端·python
前端不太难1 小时前
Navigation State 驱动的页面调试方法论
开发语言·前端·react.js