动画效果

悬停效果

为玻璃卡片添加悬停效果可以增强交互感。

.glass-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.glass-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 40px 0 rgba(31, 38, 135, 0.45);
}

视差滚动

结合视差滚动（Parallax Scrolling），可以让玻璃层和背景层以不同速度移动，从而产生强烈的深度感。

Moving Glass Layer