css实现毛玻璃效果
发表于|更新于
|浏览量:
醉过才知酒浓，爱过才知情重。你不能做我的诗，正如我不能做你的梦。——胡适
从这里学过来的
Backdrop Filter Effect With CSS | CSS-Tricks
核心代码如下：
1 | .container { |
效果
进阶学习backdrop：
相关推荐
2025-10-01
x402
人们宁愿去关心一个蹩脚电影演员的吃喝拉撒和鸡毛蒜皮，而不愿了解一个普通人波涛汹涌的内心世界。——路遥《平凡的世界》 x402：为互联网打造的下一代支付协议——Coinbase 的开放支付协议全解析在加密货币和 Web3 世界不断进化的今天，支付系统依然是“链上应用到现实世界”最核心的基础设施之一。Coinbase 推出的 x402 项目，正试图用开放协议的思路，重新定义互联网支付的连接方式。本文将带你深入了解 x402 的项目定位、技术亮点、典型用法和未来前景。 一、项目概览 项目地址：coinbase/x402 官网：https://x402.org 一句话描述：A payments protocol for the internet. Built on HTTP. 主语言：TypeScript 开源协议：Apache 2.0 Star：1825+，Fork：286+，Issue：104+，社区活跃 二、x402 要解决什么问题？x402 的目标是：让任何 Web 服务都能像集成 HTTP 一样，快速、安全地集成加密支付/微支付能力。 开放协议：...
2021-12-24
youmightnotneedjquery
你要记得，永远要愉快地多给别人，少从别人那里拿取。——高尔基 最近发现一个网站：youmightnotneedjquery https://youmightnotneedjquery.com/ 直译过来就是你可能并不需要jquery…可以看出是有点恶趣味哈哈 对应的github地址为：https://github.com/HubSpot/YouMightNotNeedjQuery 这个网站它介绍了很多种使用新版IE新特性代替jquery的方法： 例如使用jquery时发送get请求获取json格式的数据 123$.getJSON('/my/url', function(data) {}); 使用IE10+时，不用依赖jquery，直接写 123456789101112131415161718var request = new XMLHttpRequest();request.open('GET', '/my/url', true);request.onload = function() ...
2024-10-28
typescript-exercises（二）
亲善产生幸福，文明带来和谐。——雨果 题目： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566/*Intro: All 2 users liked the idea of the community. We should go forward and introduce some order. We are in Germany after all. Let's add a couple of admins. Initially, we only had users in the in-memory database. After introducing Admins, we need to fix the types so that everything works well together.Exercise: Type &q...
2025-03-19
primer-css
只要条件许可，机会成熟，人人都是想作恶的。——叔本华 介绍 Primer CSS：GitHub 的设计系统最近，我在寻找一个强大的设计系统来提升我的项目 UI 设计时，发现了 GitHub 的设计系统——Primer CSS。今天，我将为大家详细介绍一下这个优秀的项目，帮助你更好地了解和使用它。 什么是 Primer CSS？Primer 是 GitHub 的设计系统，提供了一套完整的 CSS 实现，旨在帮助开发者快速构建一致且美观的用户界面。无论你是开发者还是设计师，Primer CSS 都能为你的项目提供强大的支持。 项目概述Primer CSS 是 GitHub 开发和维护的开源项目，自 2015 年 3 月 19 日创建以来，已经吸引了超过 1.2 万个星标和 1244 个 forks。该项目使用 SCSS 语言编写，遵循 MIT 许可证，确保其免费和开源。 项目特点 一致性：Primer CSS 提供了一套统一的样式和组件，确保你的项目在各个页面和模块之间保持一致。 高效：通过使用 Primer CSS，你可以快速构建和维护用户界面，节省大量的开发时间。 可定制：P...
2024-11-05
typescript-exercises（十）
如果你不尊敬你的父母，那你的孩子也将不会尊敬你。——佚名 题目： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146/*Intro: We have asynchronous functions now, advanced technology. This makes us a tech startup officially now. But one of t...
2022-01-07
byte二维码在img中展示
睡在哪里都是睡在黑夜里。——贾平凹《废都》 我们使用hutool的工具类生成二维码图片后，如果转为byte数组，返还给前端，我们要放入img中显示 12345@GetMapping("generateCode")@ResponseBodypublic byte[] generateCode() { return QrCodeUtil.generatePng("https://VampireAchao.github.io/", QrConfig.create().setImg(ImgUtil.getImage(URLUtil.url("/img/oss/2020-06-01/head.jpg"))));} 直接放到src是不行的，需要在前面加一个data:image/jpeg;base64, 最终变成这样 效果图：
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog