JSFiddle - React, Tailwind, and code Playground

by Tan

HTML

<div class="glass">
This is glass!
</div>

CSS

body {background-color: #ffffff;
background-image: url("https://www.transparenttextures.com/patterns/purty-wood.png");
/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */}

.glass {
    background: rgba(255, 255, 255, 0.05);
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37) !important;
    backdrop-filter: blur(2px); /* 18px */
    -webkit-backdrop-filter: blur(2px); /* 18px */
    border-radius: 10px;
    border: 1px solid rgba(211, 234, 217, 0.1);
 padding:50px;
}