css实现毛玻璃效果
发表于|更新于
|浏览量:
醉过才知酒浓，爱过才知情重。你不能做我的诗，正如我不能做你的梦。——胡适
从这里学过来的
Backdrop Filter Effect With CSS | CSS-Tricks
核心代码如下：
1 | .container { |
效果
进阶学习backdrop：
相关推荐
2025-02-27
animejs简单示例
乖孩子的路，疯子的路，五彩的路，浪荡子的路，任何的路。——杰克·凯鲁亚克的《在路上》 GitHub - juliangarnier/anime: JavaScript animation engine https://animejs.com/ 使用Anime.js这个强大的JavaScript动画库来实现一个简单的动画效果。我们将通过一个示例代码来展示如何使用Anime.js使一个div元素从透明变为不透明，并且从左向右移动50像素。 示例代码下面是我们的完整HTML代码： 1234567891011121314151617181920212223242526272829303132<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> body { back...
2023-06-09
psd.js
唯有在回敬污蔑和诽谤的时候，沉默才显得如此有力——艾迪生 分享一个js库，能操作psd文件 https://github.com/meltingice/psd.js 代码例子： NodeJS Example12345678910111213var PSD = require('psd');var psd = PSD.fromFile("path/to/file.psd");psd.parse();console.log(psd.tree().export());console.log(psd.tree().childrenAtPath('A/B/C')[0].export());// You can also use promises syntax for opening and parsingPSD.open("path/to/file.psd").then(function (psd) { return psd.image.saveAsPng('./output.pn...
2024-12-08
macosicons
有人尖刻地嘲讽你，你马上尖酸地回敬他。有人毫无理由地看不起你，你马上轻蔑地鄙视他。有人在你面前大肆炫耀，你马上加倍证明你更厉害。有人对你冷漠，你马上对他冷淡疏远。看，你讨厌的那些人，轻易就把你变成你自己最讨厌的那种样子，这才是“敌人”对你最大的伤害。——扎西拉姆·多多《喃喃》 分享一个开源图标库 macOS Big Sur风格的流行应用程序的替换图标 GitHub - elrumo/macOS_Big_Sur_icons_replacements: Replacement icons for popular apps in the style of macOS Big Sur Over 5000+ free icons for macOS Monterey, Big Sur & iOS - massive app icon pack 您只需下载所需的图标，在 Finder 上找到要更新的应用程序，选择它并“File > Get Info”或“⌘-I”，然后将下载的 .icns 文件拖放到新窗口中。
2021-12-11
jq eq
要知道对好事的称颂过于夸大，也会招来人们的反感轻蔑和嫉妒。——培根 我们使用jquery选择器时如果有多个结果，我们可以使用eq函数选择指定下标的元素 例如此处 1234567891011121314151617<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://www.jq22.com/jquery/jquery-3.3.1.js"></script> </head> <body> <div class="ruben">vampire</div> <div class="ruben">ruben</div> <script type="text/javascript"&...
2024-07-09
css透视效果位置perspective-origin
真理是时间的孩子，不是权威的孩子。——伽利略 正如我们在前一篇文章中提到的，CSS具备处理3D变换的能力。继续这一话题，本文将重点介绍perspective-origin属性，这个属性允许我们调整透视效果的原点，影响3D变换的视觉输出。 详细信息可以参考这个链接：MDN文档 让我们通过一个例子来看看perspective-origin的实际效果： .cube { width: 100px; height: 100px; position: relative; transform-style: preserve-3d; transform: rotateX(45deg) rotateY(45deg); } .face { position: absolute; width: 100%; height: 100%; background: rgba(255, 165, 0, 0.8); display: flex; align-items: center; justify-cont...
2021-06-04
appendTo
人类经常把一个生涯发生的事，撰写成历史，在从那里看人生；其实，那不过是衣服，人生是内在的——罗曼。罗兰 我们可以使用jquery中的appendTo函数在一个标签追加到另一个标签内部的结尾 例如我博客这里 我们再执行 1$("<span>ruben</span>").appendTo(".navbar-brand") 执行完成后效果如下 <span>ruben</span>追加到我们的”阿超”后面了
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog