Enhanced Chapter Cards with Dynamic Hover Effects

[neeru24]

fixes: #4621

Changes Made:

• Added Transition Effects:
  • Introduced smooth CSS transitions to the chapter cards for visual changes.
• Implemented Hover Effect:
  • Added a hover effect that scales the card up slightly when hovered over.
• Added Box Shadow on Hover:
  • Included a box shadow effect to enhance the visual depth of the card on hover.
• Overall Visual Improvement:
  • Enhanced the user experience by making the chapter cards more interactive and visually appealing.

Kindly merge it with level 2 if possible. @sailaja-adapa @abhi03ruchi
Thank you!!

Result:

read.mp4

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
swapreads	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 5, 2024 7:19am

[github-actions]

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our CONTRIBUTING.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

[netlify]

✅ Deploy Preview for swapreadsconnect ready!

Name	Link
🔨 Latest commit	7e832f3
🔍 Latest deploy log	https://app.netlify.com/sites/swapreadsconnect/deploys/6729c6ede20de600085e47c2
😎 Deploy Preview	https://deploy-preview-4622--swapreadsconnect.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[abhi03ruchi]

hover effect on cards is already there .

[neeru24]

hover effect on cards is already there .

It's not there, check it out, only the border appears but I've made the changes to SCALE that UP

[abhi03ruchi]

ok , but this is a v minor change .

if u implement it in all pages of benefits section , then u may get level 2 .

[neeru24]

ok , but this is a v minor change .

if u implement it in all pages of benefits section , then u may get level 2 .

Sure 👍 I'll implement and will raise a new PR.

[neeru24]

ok , but this is a v minor change .

if u implement it in all pages of benefits section , then u may get level 2 .

@abhi03ruchi Check this PR
#4661