Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Control the time the animation takes?
See original GitHub issueIs there a way to control how long the menu animation takes?
Im currently doing with this a CSS override. Its working but I’m wondering if this is the proper way or if there is a cleaner solution?
.bm-overlay,
.bm-menu-wrap {
transition-duration: .3s !important;
}
Issue Analytics
- State:
- Created 6 years ago
- Reactions:3
- Comments:5 (2 by maintainers)
Top Results From Across the Web
How do I set the time of an animation playing ... - Unity Answers
In the animator, choose the state you need to control. In the inspector enable the property called "Motion Time". Link the 'Motion Time'...
Read more >Set the start time and speed of an animation effect
On the Animations tab, in the Delay box, enter in the number of seconds that you want the effect to pause before running....
Read more >animation-duration - CSS: Cascading Style Sheets | MDN
The animation-duration CSS property sets the length of time that an animation takes to complete one cycle.
Read more >PowerPoint Animation Timing - CustomGuide
How to Set Animation Timing in PowerPoint ... Once you've applied some animations, you can control when those animations play, their order, and...
Read more >Character Animation Fundamentals: Timing and Spacing
Take control of your career. Sign up. Timing animation refers to how long an action takes from beginning to end. The functions of...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Hi @jameschetwood,
Great question, that is currently the best way to do this (see answer to https://github.com/negomi/react-burger-menu/issues/216).
I might add a prop-based way to do this in future, but it would mean dynamically calculating other transition values for some of the animations.
I would also recommend lowering the default animation time. It feels a bit slow. Any other opinion?