Glassmorphism is a design trend which consists on creating blurred transparent cards over different colored elements.
Glassmorphism is a trend feature which is not supported on all browsers, check the browser list to know if it fits your needs.
To create a glassmorphism element, just add the
.glassmorphism class to any element.
- ✓ Pick a background
- ✓ Add the .glassmorphism class
- ✓ That's all !
|CSS Variable||Default value||Description|
||Blur effect intensity.|
Sponsors Become a sponsor