Add Glassmorphism Effect

[Shashanktriathi1703]

What's the style idea?

#39 about.css Apply the Glassmorphism Effect

• The background property is set to a semi-transparent color using the rgba function to create the glass-like effect.
• The backdrop-filter property is used to apply a blur effect to everything behind the element, creating a glassy look.
• The box-shadow property adds a shadow to the element, enhancing the depth perception. It can enhance user engagement and provide a more immersive experience.

Checklist

• [X] I have checked the existing issues.
• [X] I follow Contributing Guidelines of this project.
• [ ] I am a IWOC'24 contributor.
• [ ] I am a JWOC'24 contributor.
• [ ] I am a SWOC'24 contributor.

Code of Conduct

• [X] I agree to follow this project's "Code of Conduct".

[github-actions[bot]]

Hey @Shashanktriathi1703, Welcome to the project Beautiify! 🎊 Thanks for opening an issue! 🙌 Please wait for the issue to be assigned. Happy Coding!! ✨

[Shashanktriathi1703]

Allow me to work on this issue under GSSOC' 24