Glass panel

Build a translucent panel for colorful backgrounds.

TintOpacityBlurRoundness

See the CSS

.cf-glass {
  padding: 40px;
  border: 1px solid #ffffff66;
  border-radius: 24px;
  background: #ffffff2e;
  backdrop-filter: blur(18px);
  box-shadow: 0 20px 50px #11182722;
}