发布于 2026-01-06 6 阅读
0

显示开发:玻璃形态 CSS 生成器

显示开发:玻璃形态 CSS 生成器

开发者们好👋

我和我的朋友决定基于即将推出的名为 Glass UI 的 CSS 库,构建一个玻璃形态 CSS 生成器。

使用此工具,您可以生成实现玻璃变形效果所需的 CSS。

部分功能包括:

  • 多种背景类型(渐变色和纯色)
  • 更改背景颜色
  • 玻璃态性质(模糊性、透明度)
  • 组件边界半径
  • 深色/浅色模式
  • 卡片颜色
  • 获取组件的 HTML 代码(即将推出)

以下是该工具在深色模式和浅色模式下的预览:

深色模式下的玻璃形态 CSS 生成器

浅色模式下的玻璃态 CSS 生成器

这个工具可以免费使用和体验。请在评论区告诉我们您的想法,您会如何改进它,或者我们该如何完善它。谢谢!❤️

请查看:https://ui.glass/generator

文章来源:https://dev.to/themesberg/show-dev-glassmorphism-css-generator-39hb