power-the-web icon indicating copy to clipboard operation
power-the-web copied to clipboard

[FEAT]: add animation to blog card

Open devvsakib opened this issue 2 years ago • 15 comments

Is your feature request related to a problem? Please describe. Add framer-motion animation to the blog cards

image

Describe alternatives you've considered

IMPORTANT If it's your first Contribution to this project, please add your details to the Contributors file File Path: src/json/Contributors.json and you have to MUST read the contributing guideline before you start. Read this Guideline Before you start

If you do not add your details or assigned to issue, your PR will be Close

devvsakib avatar Mar 28 '23 16:03 devvsakib

This issue for @karthiknadar1204

devvsakib avatar Mar 28 '23 16:03 devvsakib

Thank you so much,will get it done. @devvsakib

karthiknadar1204 avatar Mar 28 '23 16:03 karthiknadar1204

@devvsakib ,mergin the pr today,have added a hover effect to the cards and a light rescinding effect to the button when you hover them,have aligned the buttons,will adjust the slicing applied to the title as well.

Thank you

karthiknadar1204 avatar Apr 02 '23 16:04 karthiknadar1204

@devvsakib ,have tried creating a pull request but unable to do it.Probably you might have to assign it first,

karthiknadar1204 avatar Apr 02 '23 17:04 karthiknadar1204

Haven't changed the height/width of the cards,focussed on aligning the button correctly.

karthiknadar1204 avatar Apr 02 '23 17:04 karthiknadar1204

Hey @devvsakib can I work on this issue?

HemanthPaila avatar Apr 05 '23 05:04 HemanthPaila

OK, @HemanthPaila

devvsakib avatar Apr 05 '23 07:04 devvsakib

@devvsakib I found the file (Blog.js) within the pages, are those Bootstrap classes or some other?

  • now I am working on it.

HemanthPaila avatar Apr 06 '23 05:04 HemanthPaila

ok first I will install the framer-motion library, then I will use it in the project.

  • is it ok like this?

HemanthPaila avatar Apr 06 '23 06:04 HemanthPaila

here is the screenshot: image

  • about scale property.
  • if you have any recommended scale value let me know @devvsakib.

HemanthPaila avatar Apr 06 '23 06:04 HemanthPaila

@devvsakib Could you please check conversation? I need an answer (scale value), Then I will make PR.

HemanthPaila avatar Apr 07 '23 06:04 HemanthPaila

Sure, Submit your PR @HemanthPaila

devvsakib avatar Apr 07 '23 07:04 devvsakib

@devvsakib I made a PR #355. Could you review it?

  • I think it has merge conflicts, but I don't have access to resolve them. Could you check it once?

HemanthPaila avatar Apr 07 '23 15:04 HemanthPaila

@devvsakib ,i will initiate a pr soon in case there is any issue,is that fine?

karthiknadar1204 avatar Apr 08 '23 09:04 karthiknadar1204

Hey, @devvsakib I made PR with 0 conflicts but failed to deploy. Could you please check it once?

HemanthPaila avatar Apr 09 '23 07:04 HemanthPaila