search

PCCoE-Hacktoberfest-21 / animated-components

https://pccoe-hacktoberfest-21.github.io/animated-components/
13 stars 27 forks source link

Cards with Shaking Effect #49

Open palakg01 opened 3 years ago

palakg01 commented 3 years ago

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

animmmmm

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

Akku2016 commented 3 years ago

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

palakg01 commented 3 years ago

you may proceed

Akku2016 commented 3 years ago

ok I will

Akku2016 commented 3 years ago

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

palakg01 commented 3 years ago

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 commented 3 years ago

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 commented 3 years ago

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

Akku2016 commented 3 years ago

hi, this is here:-

https://user-images.githubusercontent.com/88783468/137309699-c8e9c8a3-1b15-4260-bddf-a9fcf3fea203.mp4

Akku2016 commented 3 years ago

hi, plz tell me next step

palakg01 commented 3 years ago

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 commented 3 years ago

hi ,i can do but need time

palakg01 commented 3 years ago

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

Akku2016 commented 3 years ago

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 https://github.com/PCCoE-Hacktoberfest-21/animated-components/issues/49#issuecomment-947956887, 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 commented 3 years ago

hi, plz assign to me in Hacktoberfest 2021

palakg01 commented 3 years ago

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