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.

Sign up for GitHub

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

Jump to bottom

Slower animations #247

Closed
w3bdesign opened this issue Jul 28, 2024 · 0 comments
Closed

Slower animations #247

w3bdesign opened this issue Jul 28, 2024 · 0 comments
Assignees
@w3bdesign

Comments

@w3bdesign
Copy link
Owner

The animations in MobileMenu is coming in too quickly, we need to adjust the animations to be a bit slower and more gentle.
@w3bdesign w3bdesign self-assigned this Jul 28, 2024
w3bdesign added a commit that referenced this issue Jul 28, 2024
@w3bdesign
Slower animations
5e95b66 
Related to #247

Adjust the animation properties in `src/components/Layout/MobileMenu.component.tsx` to achieve slower and more gentle animations.

* **Menu Variants:**
  - Reduce `stiffness` from 400 to 200.
  - Reduce `damping` from 40 to 20.

* **Item Variants:**
  - Reduce `stiffness` from 300 to 150.
  - Reduce `damping` from 24 to 12.

---

For more details, open the [Copilot Workspace session](https://copilot-workspace.githubnext.com/w3bdesign/dfweb-v4/issues/247?shareId=XXXX-XXXX-XXXX-XXXX).
@w3bdesign w3bdesign mentioned this issue Jul 28, 2024
Merged
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@w3bdesign w3bdesign

Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@w3bdesign