Web
Glassmorphism Generator
Glassmorphism Generator
.background {
background-image: url('https://images.pexels.com/photos/2085998/pexels-photo-2085998.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1');
background-size: cover;
}
.glassmorphism-card {
backdrop-filter: blur(16px) saturate(180%);
-webkit-backdrop-filter: blur(16px) saturate(180%);
background-color: rgba(50, 60, 90, 0.75);
border-radius: 12px;
border: 1px solid rgba(255, 255, 255, 0.125);
}Related: