🍑
Peach Lab
← Back to home
◫

Background Tools

Glassmorphism Generator

Create frosted glass CSS effects for cards, panels, and modern UI layouts.

View all tools

Glass Preview

Create frosted glass effects for cards, panels, and modern UI layouts.

◫

Glass Card

Soft, clean, and modern UI effect.

CSS Glass Effect

.glass-background {
  background: linear-gradient(135deg, #F28C6F, #FFD6C8);
}

.glass-card {
  background: rgba(255, 255, 255, 0.28);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border-radius: 28px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  box-shadow: 0 18px 60px rgba(17, 24, 39, 0.2);
}

Controls