css实现毛玻璃效果
发表于|更新于
|浏览量:
醉过才知酒浓，爱过才知情重。你不能做我的诗，正如我不能做你的梦。——胡适
从这里学过来的
Backdrop Filter Effect With CSS | CSS-Tricks
核心代码如下：
1 | .container { |
效果
进阶学习backdrop：
相关推荐
2025-08-12
cap
时穷节乃见,一一垂丹青。一一文天祥 https://capjs.js.org/ GitHub - tiagorangel1/cap: Cap is a lightweight, modern open-source CAPTCHA alternative using SHA-256 proof-of-work Cap：让互联网更安全的下一代轻量开源 CAPTCHA在数字时代，恶意机器人（bot）的攻击愈演愈烈，传统的 CAPTCHA（验证码）方案却不断被诟病：要么难用、臃肿，要么侵犯隐私、依赖巨头。有没有更现代、更轻量、更注重隐私和易用性的解决方案？今天为大家介绍一款令人眼前一亮的项目——Cap：一个基于 SHA-256 工作量证明（proof-of-work）、极致轻量且完全开源的全新 CAPTCHA 替代品。 Cap 是什么？Cap 由 tiagorangel1 开发，是一款现代化、轻量级的开源 CAPTCHA 替代方案，采用 SHA-256 工作量证明机制，主打快速、私密且极易集成。Cap 具备以下核心特性： 极致轻量：主前端库 @cap.js/widget...
2022-05-17
display:contents
多少人以友谊的名义，爱着一个人。——电影《One Day》 MDN：https://developer.mozilla.org/zh-CN/docs/Web/CSS/display-box 首先是一段代码： 12345678910111213141516171819<!DOCTYPE html><head> <title>display</title> <style> .outer { border: 2px solid red; width: 300px; } .outer>div { border: 1px solid green; } </style></head><body> <div class="outer"> <div>I...
2023-08-25
js阻止默认事件踩坑
人这种卑鄙的东西，什么都会习惯的。——陀思妥耶夫斯基《罪与罚》 今天遇到一个问题，我想阻止浏览器默认的滚动事件，却阻止不了还一直报错 123456789101112131415161718192021<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <div style="height: 2000px;background:#888"> </div> <script> document.addEventL...
2024-12-18
ARIA16
兴趣是最好的老师，其次是耻辱——胖子邓 ARIA16技术：使用aria-label增强Web可访问性 在现代Web开发中，可访问性（Accessibility）是提升用户体验的关键因素之一。尤其对于视障用户来说，屏幕阅读器依赖准确的页面结构和标签描述来解释内容。ARIA16是一种有效的技术，使用aria-label属性为无可见文本的元素提供描述性标签，从而增强Web的可访问性。 什么是ARIA16？ARIA16是W3C推荐的一项技术，旨在通过aria-label属性为交互式元素提供可访问性支持。aria-label允许开发者为没有可见文本的元素定义可读的描述信息，供屏幕阅读器使用。 使用场景 图标按钮：为只有图标的按钮添加描述性标签。 装饰性元素：为装饰性但可交互的元素提供语义化说明。 复杂控件：为动态生成或没有内嵌文本的控件提供可读内容。 如何使用ARIA16？实现ARIA16非常简单，只需在相关元素上添加aria-label属性并提供适当的描述文本。 示例代码以下是一个使用aria-label的图标按钮示例： 123456<button aria-label=&q...
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？ 完全离线：隐私不外流，内网/弱网环境也能稳定...
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，灵活...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog