Liquid Glass Examples

.ios-glass-card {
  background: rgba(255, 255, 255, 0.01);
  backdrop-filter: blur(1px);
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-radius: 20px;
  padding: 20px;
  box-shadow: 0 12px 48px rgba(31, 38, 135, 0.37);
}

.vision-pro-glass {
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(25px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 28px;
  padding: 32px;
  box-shadow: 0 0 48px rgba(99, 102, 241, 0.4), 0 16px 64px rgba(31, 38, 135, 0.4);
}

.macos-window {
  background: rgba(255, 255, 255, 0.18);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 14px;
  padding: 24px;
  box-shadow: 0 8px 32px rgba(31, 38, 135, 0.4);
}

.material-glass {
  background: rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(6px);
  border: 2px solid rgba(255, 255, 255, 0.45);
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 6px 24px rgba(31, 38, 135, 0.65);
}