玻璃态 CSS 生成器

2025-06-07

玻璃态 CSS 生成器

设计并非一成​​不变。旧趋势消逝,新趋势不断涌现。设计一直在不断发展。

网络上一个相对较新的趋势是玻璃态。你可以想象一下,拿一块玻璃板放在背景前。给玻璃板添加一些颜色和模糊效果,这样当你透过玻璃板看时,背景就会完全改变。现在,在玻璃板上面添加你想要传递给用户的信息,瞧,一个漂亮的玻璃态 UI 就制作完成了。

因此我们决定构建一个免费的Glassmorphism CSS 生成器

使用此工具您可以生成获得玻璃态效果所需的 CSS。

部分功能包括:

  • 玻璃态特性(模糊、透明)
  • 组件边框半径
  • 更改背景图片
  • 更改卡片背景颜色

我们还添加了一些玻璃态的疯狂例子。它们都是免费使用的

  1. 玻璃态概况卡

玻璃态概况卡


  1. 玻璃态卡片悬停效果

玻璃态卡片悬停效果






此工具免费使用和试用。请在评论区告诉我们您的想法、您希望采取哪些不同的做法,或者我们如何改进它。谢谢🧡🧡

查看:Glassmorphism CSS 生成器

文章来源:https://dev.to/jon_snow789/glassmorphism-css-generator-k90
PREV
我常用的 macOS 应用程序
NEXT
Elixir:使用 Plug、Cowboy 和 Poison 构建小型 JSON 端点