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: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border-radius: 20px;
border:1px solid rgba(255, 255, 255, 0.18);
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
}
![](https://s2.save4k.ru/pic/3HRvb2tLqF4/maxresdefault.jpg)