Skip to content

A monkey patch for jQuery 1.3.1+ that adds support for setting or animating CSS scale and rotation independently.

Notifications You must be signed in to change notification settings

colorcrate/jquery-animate-css-rotate-scale

 
 

Repository files navigation

-----------------------------
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

About

A monkey patch for jQuery 1.3.1+ that adds support for setting or animating CSS scale and rotation independently.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published