No description, website, or topics provided.
Switch branches/tags
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
lib
src
.babelrc
.eslintrc
.gitignore
LICENSE
README.md
esdoc.json
index.html
package.json
performance_stagger.html
webpack.config.js

README.md

Schwifty

Animation library for creating and orchestrating tween animations. Based on top of CSS animations, with user API inpired by GSAP library.

Code Example

Schwifty.to(document.querySelector('.element'), 1, { left: 200, top: '10%', ease: 'easeOutElastic', delay: 0});

Showcase

Load testing performance, General code examples and use cases

Things to implement

  1. support for more properties animations All CSS animated properties
  2. pause support
  3. support for combinig previous animation with new added one
  4. handle for element removal
  5. add support for pseudo elements
  6. add support for easing functions - (elastic requires initial value)
  7. width/height/left/right/top/bottom/etc needs starting value
  8. add support for incremental values - x:'-=50'
  9. add support for calc value
  10. flatten floating point values
  11. optimize elastic resampling for stagger
  12. stop stagger
  13. on stagger with simillar values create joined class rule
  14. will-change improves dramatically - should add on animation