Keyframes is insanely simple and incredibly useful tool for creating CSS animations right in your browser, without needing to switch between your browser and editor.
Simply click the extension, pick the element you want to animate, then edit the animation using a simple UI and timeline that represents the Keyframe percentages in the animation.
When you’re done, you get usable code to add to your project.