snabbt.js
Fast animations with Javascript and CSS transforms
![travis build](https://travis-ci.org/daniel-lundin/snabbt.js.svg?branch=es6)
![npm version](https://badge.fury.io/js/snabbt.js.svg)
Docs
Documentation
Demos
Releases
The initial release is out. Would love some feedback on things that can be improved. The release(and future ones) can be found in the release section
- 0.6.4 - Manual mode complete bug fix
- 0.6.3 - IE Bug fix, polyfill for Array.prototype.find
- 0.6.2 - Bug fixes, Added sequencing of animations
- 0.6.1 - Fixed UMD-build
- 0.6.0 - ES6, test suite, life cycle events, new demos
- 0.5.8 - Add new tweenable property scalePost/fromScalePost
- 0.5.7 - Fix issues manual mode and spring easings
- 0.5.6 - Fix issues with duration: 0
- 0.5.4 - Added allDone-callback, updated docs
- 0.5.3 - Bugfix for manual mode with easings
- 0.5.2 - Compability fixes, polyfill for request animation frame
- 0.5.1 - Performance improvements
- 0.5.0 - Refactoring, show deprecation warnings
- 0.4.0 - Manual mode, function initalizers
- 0.3.0 - Memory optimizations, improved Matrix API, better UMD wrappers
- 0.2.0 - Added support for RequireJS and browserify. Published to npm and bower
- 0.1.0 - Initial beta release
Get it
snabbt is available with AMD-support, CommonJS-support and as a global module.
Package managers
bower install snabbt.js
npm install snabbt.js
CDNs
https://cdnjs.com/libraries/snabbt.js
http://www.jsdelivr.com/#!snabbt
Browser Support
![](http://ie.microsoft.com/testdrive/ieblog/2010/Sep/16_UserExperiencesEvolvingthebluee_23.png) |
![](http://img3.wikia.nocookie.net/__cb20120330024137/logopedia/images/d/d7/Google_Chrome_logo_2011.svg) |
![](http://media.idownloadblog.com/wp-content/uploads/2014/06/Safari-logo-OS-X-Yosemite.png) |
![](http://th09.deviantart.net/fs71/200H/f/2013/185/e/b/firefox_2013_vector_icon_by_thegoldenbox-d6bxsye.png) |
![](https://upload.wikimedia.org/wikipedia/commons/d/d4/Opera_browser_logo_2013.png) |
</tr>
<tr>
<td align="center">10+</td>
<td align="center">ā</td>
<td align="center">ā</td>
<td align="center">ā</td>
<td align="center">ā</td>
</tr>
Note: IE does not support the transform-style: preserve-3d property. This prevents nesting 3D transformed elements.
Contributing
- Fork it!
- Create your feature branch:
git checkout -b my-new-feature
- Commit your changes:
git commit -m 'Add some feature'
- Push to the branch:
git push origin my-new-feature
- Submit a pull request š
TODOS
MIT License Ā© 2015 Daniel Lundin (http://twitter.com/danielundin).