jQuery.DebugCssAnimation was created to help programmers debug and troubleshoot their CSS3 animations without having to reload the entire page just to replay a specific animation routine.
The plugin works by overlaying a toolbar (control station) on the page which features play/pause/replay buttons.
These buttons give developers the ability to start and stop animations as they wish, reviewing how their animations are being rendered in the final product.
Besides playing the entire animation sequence, the control station also features a selector which lets developers isolate animations just for a specific section of the page.
This lets them play just a small part of the entire routine and avoid being distracted by other elements moving on the same page.
Besides the jQuery plugin which you can use with your code, jQuery.DebugCssAnimation is also available as a bookmarklet to use from within your browser and apply it to any website on the Web.
A simple demo is included with the download package.
What is new in this release:
- Created a new demo folder to store a simple index.
Requirements:
- JavaScript enabled on client side
- jQuery 1.4 or higher
- CSS 3 enabled browser
Comments not found