forked from zachstronaut/jquery-animate-css-rotate-scale
-
Notifications
You must be signed in to change notification settings - Fork 2
tonydewan/jquery-animate-css-rotate-scale
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
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').translateX(150); $('#example').translateY(150); $('#example').rotate(); // returns '45deg' $('#example').scale(); // returns '1.5' $('#example').translateX(); // returns '150px' $('#example').translateY(); // returns '150px' 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 CSS transform property and therefore this patch currently function in Webkit/Safari/Chome and Firefox 3.5. 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 ----------------------------- 2009.12.30 - Added (partial) support for translateX and translateY 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 0
No packages published