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 一样，快速、安全地集成加密支付/微支付能力。 开放协议：...
2022-05-18
CompositionEvent
业余生活要有意义，不要越轨。——华盛顿 分享一个输入法事件：CompositionEvent 这个事件只在用户间接输入文本（如使用输入法）时触发： 例如下面这个例子： 123456789101112131415161718192021222324252627282930313233343536<!DOCTYPE html><html><head> <title></title></head><body> <div class="control"> <label for="name">On macOS, click in the textbox below,<br> then type <kbd>option</kbd> + <kbd>`</kbd>, then <kbd>a</kbd>:</label> ...
2025-08-20
papermark
常制不可以待变化,一涂不可以应万方,刻船不以索遗剑。一一东晋·葛洪《抱朴子》 https://github.com/mfts/papermark Papermark：开源 DocSend 替代方案，智能文档分享新体验在数字化办公和远程协作日益普及的今天，文档安全分享与跟踪成为企业和个人不可或缺的需求。你是否曾因为发送合同、方案、报告时无法精准掌控访问和分析而苦恼？你是否希望拥有一款既能自定义品牌，又能实时统计文档访问的数据房间工具？如果你的答案是肯定的，那么你一定要试试 Papermark —— 一个正在快速崛起的开源 DocSend 替代项目！ 一、项目简介Papermark 是一款完全开源的文档分享与跟踪平台，被誉为“开源版 DocSend”。它支持个性化品牌、定制域名、内置访问分析，并允许开发者和企业自部署、自定义，保障数据安全和可控性。 项目主页：https://papermark.com GitHub地址：https://github.com/mfts/papermark 项目定位：开源、安全、可自托管、可扩展的数据房间/文档分享平台 最新 Star 数...
2023-08-16
vue-demi
事物都是互相妥协的。就是冰山也会时而消融，时而重新凝聚。——爱默生 分享一个vue库 https://github.com/vueuse/vue-demi 用来解决编写的代码在vue2和vue3之间的兼容问题 安装： 1npm i vue-demi 然后修改package.json，将vue 和@vue/composition-api添加到peerDependencies中 1234567891011121314151617{ "dependencies": { "vue-demi": "latest" }, "peerDependencies": { "@vue/composition-api": "^1.0.0-rc.1", "vue": "^2.0.0 || >=3.0.0" }, "peerDependenciesM...
2021-11-18
数组扁平化flat
还保持着较为清醒的头脑，就决然不能把人生之船长期停泊在某个温暖的港湾。——路遥《早晨从中午开始》 在前端开发中可能会有这样的需求： 将一个数组中的数组拆分出来放到原数组中 那么我们就可以使用flat函数 1[1,[2,3,[4,5,6,[7,8,9]]]].flat() flat中可以传入参数为数字，表示你要拆分数组的层数 如果全部拆分，可以使用flat(Infinity) 1[1,[2,3,[4,5,6,[7,8,9]]]].flat(Infinity) 如果是较为复杂点的对象，则就只能使用map先取出来，再使用flat 1[{ruben:[1]},{ruben:[2,3]}].map(({ruben})=>ruben).flat()
2021-06-01
uniapp中textarea坑
幼稚是会成长，会成熟的。只要不衰老，腐败，就好。——鲁迅 今天在使用uniapp进行开发的时候，发现一个关于textarea标签的坑 代码如下： 12345<template> <view style="width:100%;height: 100%;"> <textarea style="width:100%;height: 100%;" value=" 一般来讲，我们都必须务必慎重的考虑考虑。 带着这些问题，我们来审视一下阿超。 总结的来说， 每个人都不得不面对这些问题。 在面对这种问题时， 阿超因何而发生？ 带着这些问题，我们来审视一下阿超。 所谓阿超，关键是阿超需要如何写。 从这个角度来看， 德谟克利特说过一句富有哲理的话，节制使快乐增加并使享受加强。我希望诸位也能好好地体会这句话。 那么， 培根曾经提到过，阅读使人充实，会谈使人敏捷，写作使人精确。这不禁令我深思。 问题的关键究竟为何。 康德在不经意间这样说过，既然我已经踏上这条道路，那么，任何东西都不应妨碍我沿着这条路走下去。这启发...