DEV Community

Cover image for Glassmorphism Sign In Form Using HTML & CSS
Nikhil Bobade
Nikhil Bobade

Posted on

Glassmorphism Sign In Form Using HTML & CSS

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 effect to create this Sign In. I hope you like this also comments about your thoughts.

For more content follow me on Instagram @developer_nikhil27.

Thank you!

Discussion (15)

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 Author

Thanks for suggestion

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 Author

Thanks follow on instagram for more content

Collapse
marmeden profile image
eneasmarin

Glassmorphism is cool. Great job

Collapse
nikhil27b profile image
Nikhil Bobade Author

Thanks 😊

Collapse
melfordd profile image
Melford Birakor

Beautiful

Collapse
nikhil27b profile image
Nikhil Bobade Author

Thanks follow on instagram for more content

Collapse
melfordd profile image
Melford Birakor

I love this!

Collapse
nikhil27b profile image
Nikhil Bobade Author

Thank you

Collapse
posandu profile image
Posandu

@nikhil27b can you make a template from this framework ?

Collapse
nikhil27b profile image
Nikhil Bobade Author

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 Author

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!