The Things you need are simple..
A Good Background Image(to be blurred)
Some HTML Code..
So The Thing Which needs to be glassmorphed give it a class(eg. glassMorphism);
Then Style it..
After The Style giving it a border radius(transparent);
then paste this code--
"
background-color: rgba(255, 255, 255, 0.3);
backdrop-filter: blur(5px);
"
Done!!
*Remember : It Should Have Padding.
Then you can change blur and color as you like.
Top comments (4)
what that means ?
Well Do you Want to know what is glassmorphism??
yes
Google it. It's a cool effect