Comments (3)
jimmyrogue
commented on July 21, 2024
@Kuari Hi，最近我也在完成一个毛玻璃效果的需求，我尝试在自己的电脑上运行这个项目，但并没有出现实际应该有的毛玻璃效果，我的系统版本的是macOS 11.4。不知道能不能给些帮助
from blog.
hunter-ji
commented on July 21, 2024
@Kuari Hi，最近我也在完成一个毛玻璃效果的需求，我尝试在自己的电脑上运行这个项目，但并没有出现实际应该有的毛玻璃效果，我的系统版本的是macOS 11.4。不知道能不能给些帮助
可以啊。我也刚拉了我的项目运行了下，毛玻璃效果没有问题，请问你运行了是什么样的呢？
from blog.
zyyv
commented on July 21, 2024
大佬你好👋，请教个问题，
@Kuari
一直在调试这种毛玻璃背景的效果，但是都出不来，请原谅我是一个electron新手
win = new BrowserWindow({
width: 1280,
height: 720,
vibrancy: 'dark', // 'light', 'medium-light' etc
visualEffectState: 'active',
transparent: true,
frame: false,
// resizable: false,
// title: 'Main window',
// icon: join(ROOT_PATH.public, 'favicon.ico'),
webPreferences: {
preload,
nodeIntegration: true, // 集成 Node.js
contextIsolation: false,
experimentalFeatures: true,
},
// backgroundColor: 'transparent',
// titleBarStyle: 'hidden',
})控制台报错：:( 看文档那几个值都被弃用了，不知道用哪个值比较合适
electron: NSVisualEffectMaterialDark has been deprecated and removed as of macOS 10.15.
我的版本：
macOS：13.0
devDependencies
{
"electron": "^20.3.7",
"electron-builder": "^23.3.3",
}context
我的src里面的css
// main.css
html {
/* background: rgba(255, 255, 255, .1); */
background: hsla(0, 0%, 100%, 0.2);
backdrop-filter: blur(200px);
}最后失败结果：
from blog.
Related Issues (20)
- VUE3+TS+qiankun微前端实践
- Mac环境下玩玩ESP32(一)——环境搭建
- electron-builder踩坑系列——自动全量更新
- electron升级后在Mac上报错：Exit code/ ENOENT. spawn /usr/bin/python ENOENT
- Mac环境下玩玩ESP32(二)——连接网络且与服务端通信
- python3 socket tcp example
- python3 socket udp example
- wow.js和animate css在vue3中的应用
- WebAssembly：未来前端开发的必备技能
- js在浏览器直传minio方案的心酸
- 原来浏览器原生支持JS操作剪切板
- 使用Rust和WebAssembly整花活儿(一)——快速开始
- 使用Rust和WebAssembly整花活儿(二)——DOM和类型转换 HOT 1
- 使用Rust和WebAssembly整花活儿(三)——Rust与JS交互 HOT 7
- 使用Rust和WebAssembly整花活儿(四)——更小更小的wasm文件体积.md HOT 1
- 如何快速入门新的编程语言和框架
- 程序员如何快速验证业务需求
- 服务器初始化那些操作(一)——安全初始化配置
- 打工太累，年前裸辞，给自己放假一年 HOT 1
- 裸辞后独立开发产品上线五天开始盈利，我是怎么做的？分享我的过程（上）
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from blog.