当前位置： 首页 > article >正文

css的毛玻璃效果backdrop-filter: blur()

article 2025/3/7 4:56:33

css的新属性，毛玻璃效果很好看，区别于原来的透明度变化，更加有质感了，
backdrop-filter： 该属性可以让你为一个元素后面区域添加图形效果（如模糊或颜色偏移）。 它适用于元素背后的所有元素，为了看到效果，必须使元素或其背景至少部分透明

正常的半透明
在这里插入图片描述
backdrop-filter: blur(2px);的半透明
在这里插入图片描述

体验地址：https://www.w3schools.com/cssref/playdemo.php?filename=playcss_backdrop-filter


http://www.kler.cn/a/573899.html

相关文章：

  • 力扣hot100刷题——栈
  • 【C++设计模式】第七篇：桥接模式（Bridge）
  • Windows 10/11 系统下 Git 的详细安装步骤和基础设置指南
  • Power Settings Explorer官网下载地址: Windows电源选项设置管理工具
  • OSI七层网络结构和TCP/IP四层结构
  • 文件上传和下载前后端交互逻辑
  • Echarts与Vue3中获取DOM节点可能出现的异常错误
  • Springboot + nacos + dubbo 实现微服务架构
  • JavaEE基础之- ajax
  • DeepSeek大模型+RAGFlow实战指南：构建知识驱动的智能问答系统
  • ​Unity插件-Mirror使用方法（七）组件介绍（​Network Animator）
  • Freertos卡在while( uxDeletedTasksWaitingCleanUp ＞ ( UBaseType_t ) 0U )
  • 时间复杂度分析与递归，以新南UNSW的COMP2521作业题为例
  • JVM常用概念之对象初始化的成本
  • 快速生成viso流程图图片形式
  • Scala 中的数据类型转换规则
  • 5.RabbitMQ交换机详解
  • 迷你世界脚本方块接口：Block
  • 地下井室可燃气体监测装置：守护地下安全，防患于未“燃”！
  • 《基于WebGL的matplotlib三维可视化性能调优》——让大规模3D数据流畅运行在浏览器端！