Frosted glass

by Csaba Hellinger

HTML

<div></div>

CSS

html, body{
  min-height: 100vh;
  margin: 0;
}

body {
  background: url("https://images7.alphacoders.com/354/354625.jpg");
  background-size: cover;
  justify-items: center;
  align-content: center;  
}

div {
  width: 60vw;
  height: 60vh;
  border-radius: 16px;
  background: #fff3;
  backdrop-filter: blur(12px);
  box-shadow:0 0 30px #0002;
}