Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[FEAT]: add animation to blog card #336

Open
devvsakib opened this issue Mar 28, 2023 · 15 comments
Open

[FEAT]: add animation to blog card #336

devvsakib opened this issue Mar 28, 2023 · 15 comments
Assignees
Labels
EddieHub:good-first-issue enhancement New feature or request good first issue Good for newcomers

Comments

@devvsakib
Copy link
Owner

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 devvsakib added enhancement New feature or request good first issue Good for newcomers EddieHub:good-first-issue labels Mar 28, 2023
@devvsakib
Copy link
Owner Author

This issue for @karthiknadar1204

@karthiknadar1204
Copy link
Contributor

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

@karthiknadar1204
Copy link
Contributor

@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
Copy link
Contributor

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

@karthiknadar1204
Copy link
Contributor

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

@HemanthPaila
Copy link
Contributor

Hey @devvsakib can I work on this issue?

@devvsakib
Copy link
Owner Author

OK, @HemanthPaila

@HemanthPaila
Copy link
Contributor

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

  • now I am working on it.

@HemanthPaila
Copy link
Contributor

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

  • is it ok like this?

@HemanthPaila
Copy link
Contributor

here is the screenshot:
image

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

@HemanthPaila
Copy link
Contributor

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

@devvsakib
Copy link
Owner Author

Sure, Submit your PR @HemanthPaila

@HemanthPaila
Copy link
Contributor

@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?

@karthiknadar1204
Copy link
Contributor

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

@HemanthPaila
Copy link
Contributor

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
EddieHub:good-first-issue enhancement New feature or request good first issue Good for newcomers
Projects
None yet
Development

No branches or pull requests

3 participants