css实现毛玻璃效果
发表于|更新于
|浏览量:
醉过才知酒浓，爱过才知情重。你不能做我的诗，正如我不能做你的梦。——胡适
从这里学过来的
Backdrop Filter Effect With CSS | CSS-Tricks
核心代码如下：
1 | .container { |
效果
进阶学习backdrop：
相关推荐
2021-09-27
vue中属性简写
任何职业都不简单，如果只是一般地完成任务当然不太困难，但要真正事业有所成就，给社会做出贡献，就不是那么容易的，所以，搞各行各业都需要树雄心大志，有了志气，才会随时提高标准来要求自己。 —— 谢觉哉 我们可以在包含vue-loader的vue项目中如下写法 123<div :class="[{ active: active }, isButton ? prefix + '-button' : null]"></div><!-- 简写 --><div :class="{ active, [`${prefix}-button`]: isButton }"></div> 这里三个值： 12345678910export default { data() { return { active: true, isButton: true, prefix: '...
2024-07-17
进阶学习css的filter属性
经常谈论别人的短处只会使一个人心胸狭窄，使一个人变得非常多疑，非常无聊。——泰戈尔 首先是这个教程 Filter | CSS-Tricks 还有这个 Filter | CSS-Tricks 这里还有一个在线演示的网址 CSS filter Editor 你可以任意滑动值查看效果 See the Pen CSS filter Editor by Mads Stoumann (@stoumann) on CodePen.
2024-06-25
popper.js定位提示和泡泡弹框
烈火试真金，逆境试强者。——塞内加 https://popper.js.org/docs/v2/ 分享一个定位工具提示和弹出窗口的库 例如 123456789101112131415161718192021222324252627<!DOCTYPE html><title>Popper example</title><style> #tooltip { background-color: #333; color: white; padding: 5px 10px; border-radius: 4px; font-size: 13px; }</style><button id="button" aria-describedby="tooltip">I'm a button</button><div id="tooltip" role="tooltip&qu...
2022-06-06
TailwindCss
懒惰象生锈一样，比操劳更能消耗身体；经常用的钥匙，总是亮闪闪的。——富兰克林 分享一个CSS框架，内置了很多css样式： https://www.tailwindcss.cn/ 使用方式： https://www.tailwindcss.cn/docs/installation 注意其不支持IE浏览器 仓库地址：https://github.com/tailwindlabs/tailwindcss 甚至你可以直接在Playground中进行尝试： https://play.tailwindcss.com/
2025-06-06
videojs
人的教养不能够靠别人传授，人必须进行自我修养。一切苦修也绝不是文化修养，教育是通过人的主动性来实现的，教育牢牢地钉在主动性上。——费希特 https://github.com/videojs/video.js https://videojs.com/ Video.js：强大的开源 HTML5 视频播放器在现代 Web 开发中，视频已经成为内容交互的重要组成部分。从媒体网站到教育平台，视频播放器的选择直接影响用户体验。对于开发者来说，一个强大、灵活且易于定制的视频播放器至关重要。 Video.js 是一个开源的 HTML5 视频播放器，拥有强大的功能、广泛的插件支持，以及全面的浏览器和设备兼容性。它是开发者在构建视频播放功能时的理想选择。 什么是 Video.js？Video.js 是一个基于 HTML5 的视频播放器，它支持现代浏览器和设备，同时提供对旧版浏览器的回退支持（如 Flash）。它的设计目标是为开发者提供一个轻量级、可扩展且功能强大的视频播放解决方案。 核心特性1. 广泛的格式支持Video.js 支持所有常见的视频格式，包括 MP4、WebM 和 HLS 等...
2021-12-20
typescript快速入门
在原则产问题上，要坚定如磐石；在兴趣问题上，则要顺应潮流。——美国 官方文档：https://www.typescriptlang.org/docs/handbook/typescript-in-5-minutes.html 中文文档：https://www.tslang.cn/docs/handbook/typescript-in-5-minutes.html 下载VScode：https://visualstudio.microsoft.com/zh-hans/ 安装后打开 新建文件 选择语言 写下代码 1234567function greeter(person) { return "Hello, " + person;}let user = "Jane User";document.body.innerHTML = greeter(user); 顺手安个中文 重启后，我们打开控制台 然后安装typescript 1cnpm install -g typescript 编译ts文件： 1...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog