A Tutorial on how to add a glass effect to a div with CSS

With this you can create your own variations, just change the CSS properties the way you like it


CODE ⬇

.glass{
background: lineargradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
backdropfilter: blur(10px);
webkitbackdropfilter: blur(10px);
borderradius: 20px;
border:1px solid rgba(255, 255, 255, 0.18);
boxshadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
}