css实现毛玻璃效果
发表于|更新于
|浏览量:
醉过才知酒浓，爱过才知情重。你不能做我的诗，正如我不能做你的梦。——胡适
从这里学过来的
Backdrop Filter Effect With CSS | CSS-Tricks
核心代码如下：
1 | .container { |
效果
进阶学习backdrop：
相关推荐
2025-12-12
Handy
行动不一定带来快乐，但无行动则决无快乐。——本杰明·富兰克林 Handy：离线、自由、可扩展的语音转写应用，让你的电脑“更懂你”在语音交互逐步成为主流的今天，很多人却因为隐私、网络不稳定或商业限制无法安心使用语音转写。Handy 选择了一条简单直接又极具意义的路线：完全离线的开源语音转写应用。它不仅免费、开源，还强调可扩展与跨平台体验，是个人创作者、隐私敏感场景以及办公环境的一剂良方。 项目地址：cjpais/Handy 官网主页：https://handy.computer 项目描述：A free, open source, and extensible speech-to-text application that works completely offline. 主语言：TypeScript License：MIT Stars：8,299+ Forks：555+ 关键词：speech-to-text accessibility cross-platform tauri-v2 为什么是 Handy？ 完全离线：隐私不外流，内网/弱网环境也能稳定...
2023-04-12
markmap
自杀是卑怯的行为。——鲁迅 分享一个：https://markmap.js.org/ Github：https://github.com/markmap/markmap 可以使用markmap生成思维导图html 例如：https://markmap.js.org/repl
2025-07-01
antdesign3.x中Form.create之后拿ref
为了成功地生活，少年人必须学习自立，铲除埋伏各处的障碍，在家庭要教养他，使他具有为人所认可的独立人格。——戴尔·卡耐基 相关PR： https://github.com/apache/shenyu-dashboard/pull/534 文档在此： 表单 Form - Ant Design 经过 Form.create 之后如果要拿到 ref，可以使用 rc-form 提供的 wrappedComponentRef，详细内容可以查看这里。 123456class CustomizedForm extends React.Component { ... }// use wrappedComponentRefconst EnhancedForm = Form.create()(CustomizedForm);<EnhancedForm wrappedComponentRef={(form) => this.form = form} />this.form // => The instance of Customize...
2026-02-21
seerr
完成工作的方法是爱惜每一分钟。——达尔文 关注系统与媒体库的专属搭档 Seerr 毫不夸张地说，在现代在线媒体的繁荣时代，拥有一个高效的媒体请求与管理系统已变得至关重要。今天，我们要为大家介绍一款特别适合Jellyfin、Plex 和 Emby 用户的开源应用软件 Seerr。它不仅提供智能化、直观的界面，还在便捷性与功能性之间找到了一个完美的平衡。 Seerr 是什么？Seerr 是一款免费的开源软件，专为管理多媒体资源库的请求流程而设计，非常适合那些利用 Jellyfin、Plex 或 Emby 媒体服务器的朋友。同时，Seerr可以完美地与您现有的服务集成，比如 Sonarr 和 Radarr，大大简化了媒体管理的复杂性。 以目前 Github 上近万的 Star 数为证明，Seerr 无疑是当下备受推崇的开源媒体管理解决方案之一。 主要特性Seerr 的功能经过精心打磨，可以提供全面且令人满意的使用体验： 深度集成：兼容 Jellyfin、Emby 和 Plex，支持用户身份认证以及用户导入和管理。 数据库支持：支持 PostgreSQL 和 SQLite，灵活...
2024-09-14
React优化技巧——避免state层级过高
你是非常可爱的人，真应该遇到最好的人，我也希望我就是。——《爱你就像爱生命》 今天从Cory House @housecor看到一个优化技巧随笔记一下，希望下次编写时候可以考虑 原代码： 123456789101112131415161718192021222324function Product() { const [rating, setRating] = useState(null); return ( <> <h1>Product</h1> <ProductRating rating={rating} setRating={setRating} /> </> );}function ProductRating({ rating, setRating }) { return ( <> <label htmlFor="rating"...
2022-01-03
在vue中使用ts
诚实的生活方式其实是按照自己身体的意愿行事，饿的时候才吃饭，爱的时候不必撒谎。——马尔克斯《霍乱时期的爱情》 官方文档：https://www.typescriptlang.org/docs/handbook/intro.html 首先找到中文文档：https://www.tslang.cn/samples/index.html 寻找到vue.js 跳转过去后就是教程，我们跟着教程一步一步来 首先新建一个空项目 然后新建src目录和components目录 1234typescript-vue-tutorial/├─ dist/└─ src/ └─ components/ 输入命令下载依赖 1D:\file\projects\vue-ts-demo>cnpm install --save-dev typescript webpack webpack-cli ts-loader css-loader vue vue-loader vue-template-compiler 很快就下载完毕 然后初始化ts环境 1tsc --init 可以看到多出了ts配置文...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog