css实现毛玻璃效果
发表于|更新于
|浏览量:
醉过才知酒浓,爱过才知情重。你不能做我的诗,正如我不能做你的梦。——胡适
从这里学过来的
Backdrop Filter Effect With CSS | CSS-Tricks
核心代码如下:
1 | .container { |
效果
进阶学习backdrop:
相关推荐
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-04-15
js中eval
如果你来访我,我不在,请和我门外的花坐一会儿,它们很温暖,我注视他们很多很多日子了。——汪曾祺 今天发现这么一个函数eval eval能够将传入的字符串当做js代码执行 例如处理json(请不要这样使用,正确的做法应该是使用JSON.parse(data)): 12let data = '{"nane":"ruben","age":11}'eval("("+data+")") 1234567891011console.log(eval('2 + 2'));// expected output: 4console.log(eval(new String('2 + 2')));// expected output: 2 + 2console.log(eval('2 + 2') === eval('4'));// expected output: truecon...
2021-08-22
unshift
写作不是为了改变世界,是为了安顿自己。——周国平 前端开发中如果需要在数组头部插入元素 可以使用unshift函数 123let list = [1,2,3]list.unshift(0)list
2022-12-31
unocss
忍把浮名,换了浅斟低唱。——柳永《鹤冲天》 分享一个css框架unocss 可以通过class规则,生成对应样式,例如通过m-1生成margin: 0.25rem 而且规则可以通过 https://uno.antfu.me/ 进行查询 除了预制规则,还可以自定义规则: 123rules: [ ['m-1', { margin: '0.25rem' }],] 即可生成 1.m-1 { margin: 0.25rem; } 还可以通过正则的方式 1234rules: [ [/^m-(\d+)$/, ([, d]) => ({ margin: `${d / 4}rem` })], [/^p-(\d+)$/, match => ({ padding: `${match[1] / 4}rem` })],] 使用起来 123456<div class="m-100"> &...
2026-08-16
cordis
目标既定,在学习和实践过程中无论遇到什么困难、曲折都不灰心丧气,不轻易改变自己决定的目标,而努力不懈地去学习和奋斗,如此才会有所成就,而达到自己的目的。—— 吴玉章 Cordis:面向时空组合性的元框架项目地址:https://github.com/cordiverse/cordis 软件系统中的组合,常常被理解为一件静态的事。 模块被引入,函数被调用,组件被拼接,依赖被组织。代码像积木一样被放在一起,于是系统便拥有了新的能力。 但真实的系统很少真正静止。 它们会在不同时间发生变化,会在不同上下文中呈现不同状态,会经历启动、连接、协作、更新、终止与重组。一个模块的意义,往往不仅取决于它“是什么”,也取决于它“何时存在”“何时参与”“又在什么关系中发挥作用”。 Cordis 提出的方向,正是围绕这一点展开。 它将自己定义为一个面向时空组合性的元框架。 这并不是把组合简单理解成代码层面的拼接,而是试图从时间与空间的维度重新理解软件结构如何形成、变化与协作。 当组合不再只是静态连接传统意义上的组合,通常关注模块之间的结构关系。 一个对象依赖另一个对象。 一个组件嵌套另一个组件。 一...
2022-09-30
tui-image-editor
世间最好的东西,莫过于有几个头脑和心地都很正直的严正的朋友——爱因斯坦 分享一个在线图片编辑器,用于裁剪、调整色彩等 官网:https://ui.toast.com/tui-image-editor git地址:https://github.com/nhn/tui.image-editor 功能强大,十分出众 在文档里:https://nhn.github.io/tui.image-editor/latest/tutorial-example02-useApiDirect 还有不同的例子:

阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog