Improve project card hover animation

[kavichowdary159-web]

Summary

Improved the project card hover animation for a smoother and more modern UI experience by enhancing transitions, scaling effects, and shadow styling.

Related Issue

Closes #4

Type of Change

• Style — CSS or visual changes only, no logic change

What Was Changed

File | Change made -- | -- static/style.css | Enhanced project card hover animation with smoother transitions, improved scaling effect, and better shadow styling

Self-Review Checklist

• I have read CONTRIBUTING.md and followed all guidelines

• My branch name follows the required naming convention

• I tested the changes locally

• I have not modified unrelated files

• I tested responsiveness on mobile and desktop layouts

• Only UI/CSS related files were modified

Notes for Reviewer

This PR focuses only on improving the visual hover interaction of project cards without changing any application logic.

## Summary

Improved the project card hover animation for a smoother and more modern UI experience by enhancing transitions, scaling effects, and shadow styling.

Related Issue

Closes #4

Type of Change

• Style — CSS or visual changes only, no logic change

What Was Changed

File	Change made
static/style.css	Enhanced project card hover animation with smoother transitions, improved scaling effect, and better shadow styling

How to Test This PR

1. Clone this branch
2. Install dependencies:
   pip install -r requirements.txt
3. Run the app:
   python app.py
4. Open http://127.0.0.1:5000/
5. Hover over the project cards and observe the improved hover animation effects

Test Results

• Project runs successfully without errors
• Hover animation works smoothly
• UI remains responsive on different screen sizes

Screenshots (if UI change)

Before	After
Default hover effect	Improved smoother hover animation with scaling and shadow enhancement

Self-Review Checklist

• I have read CONTRIBUTING.md and followed all guidelines
• My branch name follows the required naming convention
• I tested the changes locally
• I have not modified unrelated files
• I tested responsiveness on mobile and desktop layouts
• Only UI/CSS related files were modified

Notes for Reviewer

This PR focuses only on improving the visual hover interaction of project cards without changing any application logic.

[vercel]

@kavichowdary159-web is attempting to deploy a commit to the komalsony234-1530's projects Team on Vercel.

A member of the Team first needs to authorize it.

[komalharshita]

Thank you for the contribution.

Before this PR can be reviewed, please complete the pull request template properly. The required sections are currently incomplete/missing.

Please make sure to:

• Fill the PR summary
• Link the related issue
• Complete the “What Was Changed” section
• Add testing steps and test results
• Complete the self-review checklist

Completing the PR description and agreeing to the checklist requirements is mandatory for all contributions to DevPath. This helps maintain review quality and makes collaboration easier for everyone.

Once updated, the review process can continue.

[komalharshita]

Thanks for the contribution. The hover animation update is clean and the CSS change is nicely scoped.

Before approval, please add before/after screenshots of the project cards and confirm the hover effect behaves correctly on mobile/smaller screens. It would also be good to account for reduced-motion users so the animation remains accessible.

Once those are added, this should be ready to merge.

[komalharshita]

@kavichowdary159-web kindly check the requested changes