返回 Web 开发
CSS⭐ 精选资源

Apple Liquid Glass UI (2025)

2025 年最新风格的 Apple 风格 Liquid Glass UI 效果。

Avaz Bokiev
2025-11-21

实时演示

Apple Liquid Glass UI (2025)

2025 年最新风格的 Apple 风格 Liquid Glass UI 效果。

Glass Card

精美的玻璃态卡片效果，支持悬停动画

Glass Buttons

Large Panel

大面板效果，适合展示主要内容或仪表盘

Icon Buttons

Glass Input

Glass Tags

Liquid GlassGlassmorphismUI Design

代码示例

<!-- Apple Liquid Glass UI (2025) -->
<div class="glass-effect">
  <h2>Apple Liquid Glass UI (2025)</h2>
  <p>2025 年最新风格的 Apple 风格 Liquid Glass UI 效果。</p>
</div>

<style>
.glass-effect {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 1rem;
  padding: 2rem;
}
</style>

资源信息

分类
Web 开发
子分类
CSS
作者
Avaz Bokiev
添加日期
2025-11-21

标签

CSSApple设计