Эффект стекла

В видео ниже показано как легко сделать в Bubble эффект стекла и применить его к элементу с помощью генератора глассоморфизма!

Видео - инструкция

Пример CSS - кода:

<style>
#glassmorphism {
background: rgba(255, 117, 117, 0.35);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(7.5px);
-webkit-backdrop-filter: blur(7.5px);
border: 1px solid rgba(255, 117, 117, 0.3);
}
</style> 

Ссылка на генератор:

Glassmorphism CSS Generator | SquarePlanet | SquarePlanetSquarePlanet