Cards with Shaking Effect

[palakg01]

Create an animated card component similar to the one shown in the sample provided below.
Please make sure you add the same shaking effect to the cards on hover. Also make sure you include the watermark (it appears on the left side on hover, you can see it in the sample below)

You may exclude all the extra boxes from the layout i.e. only include the 4 main cards, try to keep the card layout and background the same

Please make sure you attach relevant screenshots and recordings while creating a pull request. Make sure your component is responsive

[Akku2016]

HI, I would like to work on this issue ,can I take?

[palakg01]

you may proceed

[Akku2016]

ok I will

[Akku2016]

hi, plz can you tell me that watermark name, because clearly it is not showing

[palakg01]

hi, plz can you tell me that watermark name, because clearly it is not showing

The watermark text is 'MOCKUPS'
In case you have an issue with any other text then feel free to use dummy text in its place, no issues.

[Akku2016]

hi, I finished my work, can I make a PR for that issue.

1. For that cards hover is working fine but only shaking is left for that cards .I tried more but it is not coming.
2. Other than I finished .
3. can I make a PR.

[palakg01]

Can you provide screen recordings so we can review your work before you create a pr

[Akku2016]

hi, this is here:-

Creative.Cards.with.Shaking.Effect.-.Mozilla.Firefox.2021-10-14.16-55-55.mp4

[Akku2016]

hi, plz tell me next step

[palakg01]

Hey @Akku2016, the component is pretty good. If you are unable to add the small cards that appear on hover that is alright. Can you add a shaking effect on hover? You can look up 'shaking effect using keyframes' on google to see how it is done.

You can try adding the effect and if you are still unable to do it then let us know, no worries.

[Akku2016]

hi ,i can do but need time

[palakg01]

Yeah sure. After you are done you can create a PR.

[Akku2016]

Ok I will

…

On Thu, 21 Oct 2021, 12:37 am Palak Gupta, ***@***.***> wrote: Yeah sure. After you are done you can create a PR. — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#49 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AVFLU3EYAN7EVAJ3RYMXDVLUH4HQRANCNFSM5FS6TB7A> . Triage notifications on the go with GitHub Mobile for iOS <https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675> or Android <https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub>.

[Akku2016]

hi, plz assign to me in Hacktoberfest 2021

[palakg01]

Hey @Akku2016 you can work on it. You have been assigned this issue for hacktoberfest.
You may create a pull request.