<div class="bg">
 
  <div class="above">
    <p>A backdrop-filter tulajdonsággal varázslatos dolgokat lehet
      készíteni.</p>
  </div>
  
</div>
body {
  margin:0;
  padding:0;
}

.bg {
  background-image:url(https://cdn.getyourguide.com/img/location_img-59-1969619245-148.jpg);
  background-size:cover;
  background-position:center;
  padding:50px;
}

.above {
  margin:auto;
  width:60%;
  background:rgba(255,255,255,0.55);
  padding:20px 35px;
  font-size:25px;
  backdrop-filter: blur(4px);
  webkit-backdrop-filter: blur(4px);
  border-radius:8px;
}


External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.