Awesome
snabbt.js
Fast animations with Javascript and CSS transforms
Docs
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
<table> <tbody> <tr> <td><img src="http://ie.microsoft.com/testdrive/ieblog/2010/Sep/16_UserExperiencesEvolvingthebluee_23.png" height="40"></td> <td><img src="http://img3.wikia.nocookie.net/__cb20120330024137/logopedia/images/d/d7/Google_Chrome_logo_2011.svg" height="40"></td> <td><img src="http://media.idownloadblog.com/wp-content/uploads/2014/06/Safari-logo-OS-X-Yosemite.png" height="40"></td> <td><img src="http://th09.deviantart.net/fs71/200H/f/2013/185/e/b/firefox_2013_vector_icon_by_thegoldenbox-d6bxsye.png" height="40"></td> <td><img src="http://upload.wikimedia.org/wikipedia/commons/d/d4/Opera_browser_logo_2013.png" height="40"></td></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 :D
TODOS
- Improve documentation
MIT License © 2015 Daniel Lundin (http://twitter.com/danielundin).