GlassmorphismUI 是一种用于设计网页元素、框架和屏幕的现代软 UI,也是一种相对较新的设计趋势,目前非常受欢迎,并且肯定会成为未来几天的下一个最大趋势。它的美感以极简和真实的 UI 为标志,这是旧的 NeomorphismUI 设计趋势的重新进步。
是什么让它如此特别?
- 使用饱和色使透明度突出。
- 透明度(磨砂玻璃效果)
- 透明物体上的微妙轻边框。
HTML 代码:以下是实现 Glassmorphism 的 HTML 代码。
HTML
Glassmorphism
GlassmorphismUI
RBBANSAL
index.css: 以下代码演示了上述 HTML 代码中使用的 index.css 文件。
输出:
支持的浏览器:
- 谷歌浏览器
- 边缘
- 火狐浏览器
- 歌剧
- 苹果浏览器