{"_id":"jquery.transit","_rev":"16-41f0dabd7896bf1ea2584248ae29d725","name":"jquery.transit","description":"Smooth CSS3 transitions and transformations for jQuery.","dist-tags":{"latest":"0.9.12"},"versions":{"0.9.9":{"name":"jquery.transit","version":"0.9.9","description":"Super-smooth CSS3 transformations and transitions for jQuery","main":"jquery.transit.js","directories":{"test":"test"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"https://github.com/rstacruz/jquery.transit.git"},"keywords":["animation","css3","jquery"],"author":{"name":"Rico Sta. Cruz"},"license":"MIT","bugs":{"url":"https://github.com/rstacruz/jquery.transit/issues"},"dependencies":{"jquery2":"~2.0.2"},"_id":"jquery.transit@0.9.9","dist":{"shasum":"af9fa3d02b1b407d5edd1678c843c0e57bd1787a","tarball":"https://registry.npmjs.org/jquery.transit/-/jquery.transit-0.9.9.tgz","integrity":"sha512-VDx18sMex+tkbsTfjXpsIhqRsmRFPruKPs8GyLcph54MLGKkMhIIdPor/KZjq2vTbeugcjEE77eG4+SUjVLTUA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDxDH82+FXqY0PmyIsHAdDLGgC8WwgUYjTW3ZeX9eVE7wIgBSXoXexYWyhQzX00ZMstfkN4TrTs8wQgcQ/T7TsAkbY="}]},"_from":".","_npmVersion":"1.3.11","_npmUser":{"name":"terinjokes","email":"terinjokes@gmail.com"},"maintainers":[{"name":"terinjokes","email":"terinjokes@gmail.com"}]},"0.9.10":{"name":"jquery.transit","description":"Super-smooth CSS3 transformations and transitions for jQuery","version":"0.9.10","author":{"name":"Rico Sta. Cruz"},"bugs":{"url":"https://github.com/rstacruz/jquery.transit/issues"},"dependencies":{"jquery":"~2.1.0"},"directories":{"test":"test"},"keywords":["animation","css3","jquery"],"license":"MIT","main":"jquery.transit.js","repository":{"type":"git","url":"https://github.com/rstacruz/jquery.transit.git"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"homepage":"https://github.com/rstacruz/jquery.transit","_id":"jquery.transit@0.9.10","dist":{"shasum":"0bb1be84f9deee78039c3796477eb26f10ace2dc","tarball":"https://registry.npmjs.org/jquery.transit/-/jquery.transit-0.9.10.tgz","integrity":"sha512-6sRgmmrv8wfgMH7RKkGjy1ZqibXUlTFppM2UzBMFWXDar/rn+8jr+ekTDgjmyLpaXtALi3jYS0bj88Sv3H6uSA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG+GvtQpWj5gwRDP0UNba8DO0Y5ji/7+Uuo7ubCZoawYAiBOCS9rWjItdGv/55GAROoFO3b1aSuQ+JaNpjnaAN845g=="}]},"_from":".","_npmVersion":"1.3.26","_npmUser":{"name":"terinjokes","email":"terinjokes@gmail.com"},"maintainers":[{"name":"terinjokes","email":"terinjokes@gmail.com"}]},"0.9.11":{"name":"jquery.transit","version":"0.9.11","description":"Smooth CSS3 transitions and transformations for jQuery.","main":"jquery.transit.js","directories":{"test":"test"},"scripts":{"test":"mocha"},"repository":{"type":"git","url":"git://github.com/rstacruz/jquery.transit.git"},"keywords":["css3","animation","transition"],"author":{"name":"Rico Sta. Cruz","email":"hi@ricostacruz.com"},"license":"MIT","peerDependencies":{"jquery":"*"},"devDependencies":{"chai":"1.9.1","sinon":"1.10.2","jsdom":"0.11.0","coffee-script":"1.7.1"},"bugs":{"url":"https://github.com/rstacruz/jquery.transit/issues"},"homepage":"http://ricostacruz.com/jquery.transit","_id":"jquery.transit@0.9.11","dist":{"shasum":"67d766d1d668d3fcfea20b25a3c3d2c9443bae07","tarball":"https://registry.npmjs.org/jquery.transit/-/jquery.transit-0.9.11.tgz","integrity":"sha512-fIv8HrTtbF/WBU3xkA8SqF/NMvM/B3WxbTkpJr0vBEMzX10Ypb71qjhUMRVc/0r9wE6Kt8rnmz2G0L4KPeb06A==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAJRKjEKAGY2CxuTZM7tJ4i+vNHwlpqniU8yGAlTta+kAiBME5hXrAZcVBM5n+IduTl7his3C/yFYwpWdBVUclSXzA=="}]},"_from":".","_npmVersion":"1.4.3","_npmUser":{"name":"rstacruz","email":"rico@ricostacruz.com"},"maintainers":[{"name":"terinjokes","email":"terinjokes@gmail.com"},{"name":"rstacruz","email":"rico@ricostacruz.com"}]},"0.9.12":{"name":"jquery.transit","version":"0.9.12","description":"Smooth CSS3 transitions and transformations for jQuery.","main":"jquery.transit.js","directories":{"test":"test"},"scripts":{"test":"mocha"},"repository":{"type":"git","url":"git://github.com/rstacruz/jquery.transit.git"},"keywords":["css3","animation","transition"],"author":{"name":"Rico Sta. Cruz","email":"hi@ricostacruz.com"},"license":"MIT","peerDependencies":{"jquery":"*"},"devDependencies":{"chai":"1.9.1","sinon":"1.10.2","jsdom":"0.11.0","coffee-script":"1.7.1"},"bugs":{"url":"https://github.com/rstacruz/jquery.transit/issues"},"homepage":"http://ricostacruz.com/jquery.transit","gitHead":"42f3f48fb50896cf67ad3494641e94f61e11f868","_id":"jquery.transit@0.9.12","_shasum":"5b487a37741d99d48469d77a0d68001963263c37","_from":".","_npmVersion":"1.4.16","_npmUser":{"name":"rstacruz","email":"rico@ricostacruz.com"},"maintainers":[{"name":"terinjokes","email":"terinjokes@gmail.com"},{"name":"rstacruz","email":"rico@ricostacruz.com"}],"dist":{"shasum":"5b487a37741d99d48469d77a0d68001963263c37","tarball":"https://registry.npmjs.org/jquery.transit/-/jquery.transit-0.9.12.tgz","integrity":"sha512-wn2kHOZWBOJOc8ozEPvBPTNF6tCJTAQfRFLfm0H2p3cM7pdbzkKZYGzqmGeYka7yLmQ27ckiddyVzq+/jfbwcA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB4mNoeyFtmyUO7NDVtWftKTb9WXrnjRCgUQGD1ZgJSaAiBvQpkW6z0oFfrF9lgFitNuxVOFUxr6mcAhSGsEkt/3Sg=="}]}}},"readme":"# [jQuery Transit](http://ricostacruz.com/jquery.transit)\n#### Super-smooth CSS3 transformations and transitions for jQuery\n\njQuery Transit is a plugin for to help you do CSS transformations and \ntransitions in jQuery.\n\nRefer to the [jQuery Transit website](http://ricostacruz.com/jquery.transit) for \nexamples.\n\nUsage\n-----\n\nJust include [jquery.transit.js] after jQuery. Requires jQuery 1.4+.\n\n``` html\n<script src='jquery.js'></script>\n<script src='jquery.transit.js'></script>\n```\n\nIt is also available via [bower] and [npm].\n\n    $ bower install --save jquery.transit\n    $ npm install --save jquery.transit\n\n[bower]: http://bower.io/search/?q=jquery.transit\n[npm]: http://npmjs.org/package/jquery.transit\n[jquery.transit.js]: https://github.com/rstacruz/jquery.transit/blob/master/jquery.transit.js\n\nTransformations\n---------------\n\nYou can set transformations as you would any CSS property in jQuery.\n(Note that you cannot `$.fn.animate()` them, only set them.)\n\n``` javascript\n$(\"#box\").css({ x: '30px' });               // Move right\n$(\"#box\").css({ y: '60px' });               // Move down\n$(\"#box\").css({ translate: [60,30] });      // Move right and down\n$(\"#box\").css({ rotate: '30deg' });         // Rotate clockwise\n$(\"#box\").css({ scale: 2 });                // Scale up 2x (200%)\n$(\"#box\").css({ scale: [2, 1.5] });         // Scale horiz and vertical\n$(\"#box\").css({ skewX: '30deg' });          // Skew horizontally\n$(\"#box\").css({ skewY: '30deg' });          // Skew vertical\n$(\"#box\").css({ perspective: 100, rotateX: 30 }); // Webkit 3d rotation\n$(\"#box\").css({ rotateY: 30 });\n$(\"#box\").css({ rotate3d: [1, 1, 0, 45] });\n```\n\nRelative values are supported.\n\n``` javascript\n$(\"#box\").css({ rotate: '+=30' });          // 30 degrees more\n$(\"#box\").css({ rotate: '-=30' });          // 30 degrees less\n```\n\nAll units are optional.\n\n``` javascript\n$(\"#box\").css({ x: '30px' });\n$(\"#box\").css({ x: 30 });\n```\n\nMultiple arguments can be commas or an array.\n\n``` javascript\n$(\"#box\").css({ translate: [60,30] });\n$(\"#box\").css({ translate: ['60px','30px'] });\n$(\"#box\").css({ translate: '60px,30px' });\n```\n\nGetters are supported. (Getting properties with multiple arguments returns\narrays.)\n\n``` javascript\n$(\"#box\").css('rotate');     //=> \"30deg\"\n$(\"#box\").css('translate');  //=> ['60px', '30px']\n```\n\nAnimating - `$.fn.transition`\n-----------------------------\n\n    $('...').transition(options, [duration], [easing], [complete])\n\nYou can animate with CSS3 transitions using `$.fn.transition()`. It works \nexactly like `$.fn.animate()`, except it uses CSS3 transitions.\n\n``` javascript\n$(\"#box\").transition({ opacity: 0.1, scale: 0.3 });\n$(\"#box\").transition({ opacity: 0.1, scale: 0.3 }, 500);                         // duration\n$(\"#box\").transition({ opacity: 0.1, scale: 0.3 }, 'fast');                      // easing\n$(\"#box\").transition({ opacity: 0.1, scale: 0.3 }, 500, 'in');                   // duration+easing\n$(\"#box\").transition({ opacity: 0.1, scale: 0.3 }, function() {..});             // callback\n$(\"#box\").transition({ opacity: 0.1, scale: 0.3 }, 500, 'in', function() {..});  // everything\n```\n\nYou can also pass *duration* and *easing* and *complete* as values in `options`, just like in `$.fn.animate()`.\n\n``` javascript\n$(\"#box\").transition({\n  opacity: 0.1, scale: 0.3,\n  duration: 500,\n  easing: 'in',\n  complete: function() { /* ... */ }\n});\n```\n\nTests\n-----\n\nTransit has a unique test suite. Open `test/index.html` to see it. When \ncontibuting fixes, be sure to test this out with different jQuery versions and \ndifferent browsers.\n\nAlternatives\n------------\n\n__[Velocity.js](https://velocityjs.org)__ (recommended!)\n\n * Pros: optimized for situations with hundreds of simultaneous transitions. Lots of extra features.\n\n__[Move.js](https://github.com/visionmedia/move.js)__\n\n * Pros: no jQuery dependency, great syntax.\n * Cons (at time of writing): no iOS support (doesn't use `translate3d`), some\n   IE bugs, no 3D transforms, no animation queue.\n\n__[jQuery animate \nenhanced](https://github.com/benbarnett/jQuery-Animate-Enhanced)__\n\n* Pros: transparently overrides `$.fn.animate()` to provide CSS transitions \n  support.\n* Cons: transparently overrides `$.fn.animate()`. No transformations support.\n\n__[jQuery 2D transformations](https://github.com/heygrady/transform/)__\n\n* Pros: Tons of transformations.\n* Cons: No CSS transition support; animates via `fx.step`.\n\n__[jQuery CSS3 rotate](http://plugins.jquery.com/project/Rotate)__\n\n* Pros: simply provides rotation.\n* Cons: simply provides rotation. No transitions support.\n\nSupport\n-------\n\n__Bugs and requests__: submit them through the project's issues tracker.<br>\n[![Issues](http://img.shields.io/github/issues/rstacruz/jquery.transit.svg)]( https://github.com/rstacruz/jquery.transit/issues )\n\n__Questions__: ask them at StackOverflow with the tag *jquery-transit*.<br>\n[![StackOverflow](http://img.shields.io/badge/stackoverflow-jquery--transit-brightgreen.svg)]( http://stackoverflow.com/questions/tagged/jquery-transit )\n\n__Chat__: join us at gitter.im.<br>\n[![Chat](http://img.shields.io/badge/gitter-rstacruz / jquery.transit-brightgreen.svg)]( https://gitter.im/rstacruz/jquery.transit )\n\nThanks\n------\n\n**jQuery Transit** © 2011-2014+, Rico Sta. Cruz. Released under the [MIT License].<br>\nAuthored and maintained by Rico Sta. Cruz with help from [contributors].\n\n> [ricostacruz.com](http://ricostacruz.com) &nbsp;&middot;&nbsp;\n> GitHub [@rstacruz](https://github.com/rstacruz) &nbsp;&middot;&nbsp;\n> Twitter [@rstacruz](https://twitter.com/rstacruz)\n\n[MIT License]: http://mit-license.org/\n[contributors]: http://github.com/rstacruz/jquery.transit/contributors\n\n[![npm version](https://img.shields.io/npm/v/jquery.transit.png)](https://npmjs.org/package/jquery.transit \"View this project on npm\")\n","maintainers":[{"email":"dropbox@ricostacruz.com","name":"rstacruz"},{"email":"terinjokes@gmail.com","name":"terinjokes"}],"time":{"modified":"2022-06-19T05:24:59.634Z","created":"2013-10-25T01:31:10.737Z","0.9.9":"2013-10-25T01:31:11.857Z","0.9.10":"2014-02-13T18:15:19.893Z","0.9.11":"2014-06-22T17:21:23.437Z","0.9.12":"2014-07-16T23:34:46.031Z"},"author":{"name":"Rico Sta. Cruz","email":"hi@ricostacruz.com"},"repository":{"type":"git","url":"git://github.com/rstacruz/jquery.transit.git"},"readmeFilename":"README.md","homepage":"http://ricostacruz.com/jquery.transit","keywords":["css3","animation","transition"],"bugs":{"url":"https://github.com/rstacruz/jquery.transit/issues"},"license":"MIT","users":{"tyus512":true,"filipve":true,"monjer":true}}