Bug: Club cards fade in

[tamalCodes]

Description

Currently, the cuts are looking very sharp We might need to add some hazy effect so that it looks like they are fading in gradually rather than total separable cuts- this can be done with CSS.

Checkout the fade in a style that I have attached in one of the screenshot.

Proposed Solution

Different styles can be implemented for a fade away effect.

Screenshots

Browser 🥦

Google Chrome

Checklist ✅

• [X] I checked and didn't find similar issue
• [X] I have read the Contributing Guidelines
• [X] I am participating in JWOC
• [ ] I am participating in IWOC
• [ ] I am willing to work on this issue (blank for no).

[github-actions[bot]]

Hello @tamalCodes, thank you for raising the issue.

Currently, the issue is marked as https://github.com/MilanCommunity/Milan/labels/status%3A%20todo%20%E2%8F%B3 so please wait until the maintainers/owner review it and provide you with feedback/suggestions to proceed further.

Feel free to reach out to Tamal on Twitter, or drop a mail at tamalcodes@gmail.com if you think that this issue is of critical priority.

Give us a ⭐ to show some support Happy OpenSource 🚀

[Anushkabh]

i would like to work under JWOC .. kindly assign @tamalCodes

[tamalCodes]

Yeah sure go ahead @Anushkabh

[r0ld3x]

https://github.com/milancommunity/Milan/assets/77254818/960609b5-7c42-442b-9ea8-66723ff33bdb

I added

border-radius: 30px;
box-shadow: 
  inset -10px 0 10px -10px rgba(0, 0, 0, 0.5),
  inset 10px 0 10px -10px rgba(0, 0, 0, 0.5);

on src/components/private/landing/Landing.scss

I dont know how to index that shadow to the top I tried different ways but still could not found any solution.

[tamalCodes]

These all might need fixes , do make a PR, I'll take a look at the code and run it locally

[r0ld3x]

These all might need fixes , do make a PR, I'll take a look at the code and run it locally

Ok