DEV Community

Cover image for Glassmorphism Sign In Form Using HTML & CSS

Glassmorphism Sign In Form Using HTML & CSS

Nikhil Bobade on July 06, 2021

Hello, Today I created a Glassmorphism Sign In form with HTML & CSS. this login form is very simple but looks good I use the Glassmorphism eff...
Collapse
 
_codegears_ profile image
Code Gears

Hey, nice thing you did there. Can I suggest one thing? Change the background of .container to an image, some kind of gradient, ... Something abstract with multiple color changes, so that the glass effect can really shine. Opacity, blur and dispersion aren't so visible on a solid color...

Collapse
 
nikhil27b profile image
Nikhil Bobade

Thanks for suggestion

Collapse
 
Sloan, the sloth mascot
Comment deleted
Collapse
 
nikhil27b profile image
Nikhil Bobade

I will try

Collapse
 
mustafaanaskh99 profile image
Mustafa Anas

I LOVE the glassmorphism designs <3
Do you know of other templates to look at and get inspiration from?

Collapse
 
nikhil27b profile image
Nikhil Bobade

Thank you 😊

Collapse
 
marmeden profile image
eneasmarin

Glassmorphism is cool. Great job

Collapse
 
nikhil27b profile image
Nikhil Bobade

Thanks 😊

Collapse
 
aeonlabs profile image
Miguel Tomás

That way is not possible to see the glassmorphism in action.
Apply a background to it .
It will look alot better !

Collapse
 
nikhil27b profile image
Nikhil Bobade

Thanks follow on instagram for more content

Collapse
 
melfordd profile image
Melford Birakor

Beautiful

Collapse
 
nikhil27b profile image
Nikhil Bobade

Thanks follow on instagram for more content

Collapse
 
melfordd profile image
Melford Birakor

I love this!

Collapse
 
nikhil27b profile image
Nikhil Bobade

Thank you

Collapse
 
faruq_jada profile image
Faruq Ahmed

Hello, nice work, please can you send me a comprehensive explanation as to what Glassmorphism is all about?
Please, I am just starting as a developer.
Thanks in advance!