pranjalee30 / cake

Cake Creations website with reactjs
https://cake-cyan.vercel.app/
4 stars 10 forks source link

Enhance Cake Card UI for Eye-Catching Appeal #10

Open pranjalee30 opened 3 weeks ago

pranjalee30 commented 3 weeks ago

Description: We need to enhance the cake card design on the website to make it more visually appealing and interactive for users. This could include:

Adding subtle hover animations for the cake image and card (e.g., zoom effects or glowing borders). Introducing a gradient or glassmorphism background to give the card a modern touch. Making buttons larger and adding animation (e.g., bounce or color change) on hover. Implementing a parallax or 3D effect to create a sense of depth. Using custom typography to make text more engaging. Adding badges (like "Best Seller" or "Special") to highlight featured cakes.

Tasks:

  1. Add hover animation for the cake image and card.
  2. Implement gradient or glassmorphism background.
  3. Enhance button size and add hover animation.
  4. Consider adding 3D parallax effect on card hover.
  5. Use custom fonts for cake name and pricing.
  6. Add corner badges for featured cakes.
AadishSanghai commented 3 weeks ago

i would like to work on this task please assign me this task

pranjalee30 commented 3 weeks ago

Done