css实现毛玻璃效果
发表于|更新于
|浏览量:
醉过才知酒浓，爱过才知情重。你不能做我的诗，正如我不能做你的梦。——胡适
从这里学过来的
Backdrop Filter Effect With CSS | CSS-Tricks
核心代码如下：
1 | .container { |
效果
进阶学习backdrop：
相关推荐
2024-11-29
shenyu同时支持自定义rulehandler+pluginhandler
月缺不改光，剑折不改刚。——梅尧臣 https://github.com/apache/shenyu-dashboard/pull/511 主要是写了一个公共组件 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859/* * Licensed to the Apache Software Foundation (ASF) under one or more * contributor license agreements. See the NOTICE file distributed with * this work for additional information regarding copyright ownership. * The ASF licenses this file to You under the Apache License, Version 2.0 * (the "...
2022-07-24
js修改复制到剪贴板的内容
祝你今天愉快，你明天的愉快留着我明天再祝。——《爱你就像爱生命》 MDN：https://developer.mozilla.org/zh-CN/docs/Web/API/Element/copy_event demo： 123456789101112131415161718192021222324252627<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>copy</title></head>&...
2023-11-08
js惰性函数
要深入了解人的方法只有一个，就是不急于下定论。——圣·普波 在js中我们可以使用惰性函数，用于重新定义函数自身的行为 例如： 12345678910111213141516171819202122function addEvent(type, el, fn) { if (window.addEventListener) { addEvent = function(type, el, fn) { el.addEventListener(type, fn, false); } } else if (window.attachEvent) { addEvent = function(type, el, fn) { el.attachEvent('on' + type, fn); } } else { addEvent = function(type, el, fn) { el['...
2021-12-04
Promise
人活在世，不过一场美丽的寄居。——简嫃 在前端开发中经常会使用异步方法 这里介绍Promise函数 定义方式： 12345// Promise内部构造参数为一个闭包，闭包中传入你想要异步处理的逻辑new Promise((resolve,reject)=>{ // 这里resolve表示正常处理异步逻辑后传送回调，reject则是异常逻辑或错误逻辑时执行，当异步方法中抛出异常，会自动调用reject，这里也可以手动调用 resolve(1)}) 然后定义完了，我们就可以开始调用 调用写法如下： 12345678new Promise((resolve,reject)=>{ // 假设我这里异步方法处理完后得到的结果为1，我就传入一个1 resolve(1)}).then(res=>{ // 然后异步方法执行完了，我再对结果进行异步处理，让得到的1再加一个1 console.log(res+1)}) 使用then可以执行异步方法后续处理，将异步方法的回调的结果作...
2023-04-19
slidev
君子先择而后交，小人先交而后择。——王通 分享一个为开发者打造的演示文稿工具：https://cn.sli.dev/ Slidev (slide + dev, /slʌɪdɪv/) 是基于 Web 的幻灯片制作和演示工具。它旨在让开发者专注在 Markdown 中编写内容，同时拥有支持 HTML 和 Vue 组件的能力，并且能够呈现像素级完美的布局，还在你的演讲稿中内置了互动的演示样例。 它使用了功能丰富的 markdown 文件来生成精美的幻灯片，具有即时重载的体验。它还拥有很多内置的集成功能，如实时编码、导出 PDF、演讲录制等。由于 Slidev 是由 web 驱动的，因此你可以使用它进行任何操作 —— 具有无限的可能性。 你可以在 为什么选 Slidev 部分了解更多关于本项目的设计初衷。
2023-09-12
安装prettier-vscode并指定
纯洁的思想，可使最微小的行动高贵起来。——莎士比亚 我们在使用vscode格式化代码时，可能有多个可选的格式化风格方案，这里使用prettier进行 其github地址： https://github.com/prettier/prettier-vscode 安装完毕后即可指定
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog