Feat: Custom Hover and Active Effects for Header Sections

[Yatin12527]

Describe the feature

The current hover and active effects on the header sections are functional, but I believe introducing better effects will empower users to align the website's design . I have created a sample video demonstrating the proposed feature through my portfolio.

Pexisting style

https://github.com/dakshsinghrathore/Brighter-Beginnings/assets/134225415/24ed4646-7e0a-47c8-a37a-1607183acead

Proposed style

https://github.com/dakshsinghrathore/Brighter-Beginnings/assets/134225415/aac200f7-9e84-45f4-a736-908969b0c846

Add ScreenShots

Portion concerned

Record

• [X] I agree to follow this project's Code of Conduct
• [X] I'm a SWOC24 contributor
• [X] I want to work on this issue

[github-actions[bot]]

Congratulations, @Yatin12527! 🎉 Thank you for creating your issue. Your contribution is greatly appreciated and I look forward to work with you to resolve the issue. Keep up the great work!

I will promptly review your changes and offer feedback. Keep up the excellent work! Kindly remember to check my contributing guidelines

[PRITISH212121]

heyy @Yatin12527 I'm intersted in solving this issue,I have worked with hoverss a lot,if you want u can take a look at my repositories i have projects which have similar hover function

[dakshsinghrathore]

Hey @Yatin12527 thanks for creating the issue, I would like to give @PRITISH212121 the opportunity to fix this, for now you can carry on with the registration page, will create bunch of more issues by tonight, you can look into them fs.

[PRITISH212121]

thanku for assigning,on it @dakshsinghrathore