All Versions
12
Latest Version
Avg Release Cycle
136 days
Latest Release
1254 days ago

Changelog History
Page 1

  • v3.2.1 Changes

    October 12, 2020

    πŸ‘Œ Improvements

    • βž• Add "remove" method on instance #635
    • (Re) Add easeOutIn easing function #684

    πŸ› Bug fixes

    • πŸ›  Fix bug with visibilitychange event and paused instances #701, #560, #721, #711
    • πŸ›  Fix condition for getAttribute when the returned value is 0 #540
    • πŸ›  Fix a scaling issue on path animations when animating an element inside an SVG #568

    πŸ“„ Docs

    • πŸ›  Fix ranged staggering example #704
    • πŸ‘ Better Elastic easings explanations #694
    • Cleanup examples
  • v3.2.0 Changes

    April 09, 2020

    πŸ‘Œ Improvements

    • βž• Add matrix and matrix3d parameters to allow the use of matrix values in CSS Transforms #636
    • πŸ”„ Change steps easing behaviour to match jump-start CSS timing function #625

    πŸ› Bug fixes

    • πŸ›  Fix (again) a bug where the animation will "flick" on reverse #623 #586 #503 #577
  • v3.1.0 Changes

    July 25, 2019

    πŸ‘Œ Improvements

    • βž• Add support for values with exponent (-1.12742e-12) #552
    • πŸ”¨ Easing functions refactoring + added Bounce easing

    πŸ› Bug fixes

    • πŸ›  Fix wrong unit detection when a value contains spaces #502
    • πŸ›  Fix a bug where the parent of responsive SVG path was not properly set #556
    • πŸ›  Fix a bug where the animation will "flick" on reverse #512
    • πŸ›  Fix a bug where loopBegin callback could be called just before animation complete
    • ⚑️ Update anime.running reference when clearing array on visibility change #560#466
    • ⚑️ Update ES6 module instal path #588, #527, #590
  • v3.0.1 Changes

    January 17, 2019

    πŸ› Bug fixes

    • πŸ›  Fix ReferenceError on document when running anime.js on the server #472 #481 #345
    • πŸ›  Fix a bug that prevented complete callback to be called again when re-playing the animation #483 #373 #378 #392 #408
    • πŸ›  Fix a bug triggering a TL promise instantly #159
  • v3.0.0 Changes

    January 09, 2019

    πŸš€ 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()
  • v2.2.0 Changes

    September 25, 2017

    loop

    πŸ‘Œ Improvements

    • 🐎 Performances boost, up to 1.5 faster πŸ”₯
    • βž• Add support for RGBA and HSLA colors animations

    πŸ› Bug fixes

    • πŸ›  Fix timeline children begin() callback
    • πŸ›  Fix a bug where some timeline durations weren’t properly calculated
    • πŸ›  Fix a bug where anime.path() initial values weren’t properly set #245
    • πŸ›  Fix a bug where percentage unit starting values were miscalculated #238
    • begin() and complete() callbacks are now called instantly if duration is 0
  • v2.1.0 Changes

    September 17, 2017

    πŸ‘Œ Improvements

    • Children animations can now inherit properties from their parent timeline (targets, duration, delay, easing, round) (#152)
    • βž• Add support for vmin/vmax/ch units
    • βž• Add support for the transform perspective property (#207)
    • βž• Add support for circle, rect, polyline, polygon and line shapes for anime.setDashOffset() (#145, #155)
    • duration: 0 now instantly finish the animation (#228, #208)
    • Animation initial values are now automatically set even if autoplay is false

    πŸ› Bug fixes

    • πŸ›  Fix timeline Callbacks at initialisation (#215)
    • πŸ›  Fix timeline Promise being called instantly (#159)
    • πŸ›  Fix wrong values re-composition for complex CSS properties (like filter, box-shadow, calc()…) (#119, #174, #175, #167, #223)
    • Numerical values are not converted to strings anymore (#116)
    • Relatives values now keep their unit (#214)
    • πŸ‘€ Seeking an animation to 0 now correctly set the initial properties values (#177, #208)
    • run callback is now properly called after animation delay
  • v2.0.2 Changes

    March 26, 2017
    • πŸ›  Fix Timeline bugs and improvement #113 #131 #121
    • πŸ›  Fix an IE bug related to Promise #123
    • πŸ“š Absolute images path in documentation #114
  • v2.0.0 Changes

    February 23, 2017

    What's new?

    • Up to 2 times faster
    • Multiple keyframes by properties
    • Animations timeline
    • Custom bezier easing functions
    • πŸ‘ Promise support
    • Relative values (+=, -=, *=)
    • Reverse animations at anytime with animation.reverse()
    • πŸ“š Brand new documentation

    πŸ‘Œ Improvements

    • πŸ†• New elastic easing functions (elasticity can slightly differ from v1.x)
    • πŸ‘Œ Improved playback and callback systems
    • πŸ‘ Motion path animation supports reverse and alternate directions
    • easing, elasticity and round properties accept functions as value
    • βž• Add animation.paused to check if the instance is running or not
    • βž• Add animation.reset() to properly reset an animation
    • Simpler instance Object

    πŸ”„ Changes to consider when migrating from v1.x

    • ⚑️ update callback is now called right after .play()
    • animation.ended replaced by animation.completed`
    • animation.play() and animation.restart() no longer accept arguments
    • anime.list is replaced by anime.running
    • No more ...Bounce and OutIn... built in easing functions
    • No more animation.settings, all parameters are now accessible directly at the root of the Object
    • βœ‚ Remove will-change support on CSS animation
    • reverse direction now make the animation goes from 100% to 0% instead of reversing tweens properties
  • v1.1.3 Changes

    December 27, 2016

    πŸ› Bug fixes

    • πŸ›  Fix an SVG path animation bug when using easeInSine eaquation #100
    • Begin callback is now correctly fired when a delay is a function #98