什么是“玻璃态”？

玻璃态是一种基于模糊效果和半透明背景的设计趋势，由 macOS Big Sur 等平台推广。

如何实现“模糊”效果？

使用 backdrop-filter: blur(); CSS 属性，为位于背景上的元素设置半透明背景。

我可以在项目中使用生成的代码吗？

可以，代码在 MIT 许可证下开源，免费用于个人或商业项目，可选注明出处。

浏览器支持如何？

超过 88% 的浏览器支持 backdrop-filter，但 Firefox 默认禁用；有备用选项可用。

玻璃态和新态有什么区别？

玻璃态使用模糊和透明度，更通用；新态有更激进的 UI 约束，且有争议。

返回首页

Glassmorphism UI

一个免费的 CSS 生成器和开源 UI 库，用于在网页设计中创建玻璃态效果。

更新工具

访问网站

得分

用户评分

1.0

支持免费/试用

支持

起始价格

概览

Glassmorphism UI 是什么？

Glassmorphism UI 是一个工具和库，用于生成玻璃态效果的 CSS 代码，这是一种使用模糊、半透明元素的设计趋势。它帮助设计师和开发者快速在网站和应用中实现这种风格。

Glassmorphism UI 用于什么？

图形生成

适用人群

创意团队网页开发人员设计工作室

主要功能

CSS 代码生成
可定制的玻璃态效果
开源 MIT 许可证
HTML 组件支持

如何使用 Glassmorphism UI？

使用在线生成器调整模糊、不透明度和颜色等属性，然后将生成的 CSS 和 HTML 代码复制到您的项目中。注册以获取即将发布的 Glass UI 库更新。

替代工具

未找到替代工具

优点 & 缺点

优点

免费使用
易于定制
支持商业项目
基于流行设计趋势

缺点

Firefox 浏览器支持有限
需要手动集成代码

使用场景

网页设计项目
UI 原型制作
学习 CSS 效果

Glassmorphism UI 价格

免费计划

暂无详细定价信息

用户评价

1.0

满分5分

1.0

暂无评价

成为第一个评价此工具的用户！

Notion