----------------------------- READ ME ----------------------------- jquery-animate-css-rotate-scale Zachary Johnson www.zachstronaut.com This monkey patch for jQuery 1.3.1+ allows you to: 1. Get and set rotate and scale CSS transforms independently with the added custom jQuery methods rotate() and scale(). Examples: $('#example').rotate('30deg'); $('#example').scale(1.5); $('#example').rotate('45deg'); $('#example').scale(1.5).rotate('45deg'); // chaining $('#example').rotate(); // returns '45deg' $('#example').scale(); // returns '1.5' 2. Animate rotate and scale CSS transforms independently using jQuery's animate() method. Examples: $('#example').animate({rotate: '30deg', scale: '1.25'}, 1000); $('#example').animate({rotate: '+=30deg', scale: '-=0.1'}, 1000); Browser Support --------------- The CSS3 transform property (and therefore this patch) currently functions in Safari/Chrome/Webkit, Firefox 3.5+, IE 9+, and Opera 11+. Using This Patch ---------------- Load jquery-animate-css-rotate-scale.js after loading jQuery and jquery-css-transform.js. For example: <script src="jquery.js" type="text/javascript"></script> <script src="jquery-css-transform.js" type="text/javascript"></script> <script src="jquery-animate-css-rotate-scale.js" type="text/javascript"></script> For more information visit: http://www.zachstronaut.com/ This code is currently available for use in all personal or commercial projects under both MIT and GPL licenses, just like jQuery. ----------------------------- Change Log ----------------------------- 2010.11.26 - Updated included dependency jquery-css-transform.js to newest version 2010.11.06 - Fixed chaining of scale() and rotate() by returning "this" 2009.07.15 - Added to GitHub
xCMSjQuery/jquery-animate-css-rotate-scale
A monkey patch for jQuery 1.3.1+ that adds support for setting or animating CSS scale and rotation independently.