Debugging: Bezier Curve Editor
Explore how to use the Bezier Curve Editor available in Chrome and Firefox DevTools to dynamically adjust and debug CSS keyframe animations. Understand how tweaking the cubic-bezier curves directly in the browser helps refine animation timing without leaving the development environment.
If we’re using CSS keyframes in our animation, both Chrome and Firefox's devtools also have a tool to edit the curves of our animation dynamically using Lea Verou’s cubic-bezier visualization.
This ability to modify the curves dynamically within the browser is extremely helpful because we no longer have to go back and ...