anime.js v3.0.0 Release Notes

Release Date: 2019-01-09 // over 5 years ago
  • ๐Ÿš€ animejs-v3-release

    ๐Ÿ†• New features

    • ๐Ÿ†• New easings: spring(mass, stiffness, damping, velocity) and steps(x)
    • โž• Add endDelay parameter
    • ๐Ÿ†• New keyframes system
    • ๐Ÿ†• New staggering helper
    • ๐Ÿ†• New callbacks: loopBegin(), loopComplete(), changeBegin(), change() and changeComplete()
    • Automatic CSS units conversion
    • ๐Ÿ“ฑ Responsive motion path animation
    • ๐Ÿ†• New set() helper to apply values instantly to multiple targets
    • ๐Ÿ— ES6 Modules and new build process
    • ๐Ÿ†• New documentation
    • A website.

    ๐Ÿ› Bug fixes

    • No need to re-define a transform property when animating multiple transforms on the same target in a timeline
    • ๐Ÿ‘Œ Improved simultaneous animations on the same target #257
    • ๐Ÿ‘ Allow remove() to remove targets from timeline #318 #286
    • Reversed animations can now be delayed using endDelay #254
    • ๐Ÿ‘ Better inline style unit handling (check inline style before getComputedStyle) #251
    • SVG scale property is no longer overridden by CSS transform scale #316
    • ๐Ÿ›  Fix Uncaught โ€œTypeError: Cannot read property 'targets' of undefinedโ€ when there are no TL parameters object specified #341
    • ๐Ÿ›  Fix a bug that prevented specific HTML ids selectors to be selected (HEX colours) #281
    • ๐Ÿ›  Fix wrong initial SVG transform value in some cases #340

    API changes

    • โš™ run() callback has been replaced by change()
    • animations are now paused when tab of window is not active
    • getValue() has been replaced by get()
    • Cubic Bรฉzier curves are now defined using a string โ€˜cubicBezier(x1,y1,x2,y2)โ€™ instead of an array
    • Timeline offset property has been replaced by timelineOffset #229
    • Timeline offset can be set as a second argument inside .add()