Generator glassmorphism CSS
Podgląd
User List
⚙
Kelli Hopkins
Fashion Designer
Craig Voss
Software Developer
Skopiowano
CSS
.glass {
background: rgba(255, 255, 255, 0.5);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.25);
border-radius: 16px;
box-shadow: 0 8px 24px rgba(0,0,0,.12);
padding: 16px;
}
HTML
<div class="glass" style="max-width:320px"><h4 style="margin:0 0 8px">User List</h4> <p style="margin:0;color:#6b7280">Example content on glass</p></div>