Glassmorphism

Build a glassmorphism panel: blur, opacity, border and radius

Tint

Blur16px

Opacity18%

Border1px

Radius20px

Previewbackdrop-filter: blur(16px)

CSS

background: rgba(255, 255, 255, 0.18);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
border: 1px solid rgba(255, 255, 255, 0.35);
border-radius: 20px;

The trick is a translucent background plus backdrop-filter: blur(), with a light border standing in for the glass edge highlight.