anime

Bug Fixes

• Auto Layout
  • Fix a regression introduced in v4.3.2 that prevented inline element to be animated in some cases.
• Animation
  • Fix a regression introduced in v4.3.0 that prevented CSS computed style of background to be correctly interpreted as a color value (#1136).

Improvements

• WAAPI / Timeline
  • Synced WAAPI animations now automatically have their persist property set to true (#1121)

Bug Fixes

• onScroll
  • Fix comment syntax potentially causing an error (#1124)

Improvements

• Refresh

  • Function-based "from" values now refresh correctly when calling .refresh()
  • Unit conversion (e.g., svh to rem) is recalculated on refresh

• onScroll

  • Add onResize callback that triggers when the scroll container refreshes due to a resize event

Documentation

• Playback
  • Add missing tl.backward / anim.backward / `time....

Bug Fixes

• Layout
  • Fix an issue where inline tags, like or weren't detected when surrounded by comments (again)

Bug Fixes

• Layout
  • Fix an issue where inline tags, like or weren't detected when surrounded by comments

New Features

• AutoLayout
  • New createLayout() method to easily animate between two layout states (learn more about layouts here: https://animejs.com/documentation/layout)
• Easings
  • The ease parameter now accepts function-based values (like duration and delay properties)
• Timeline
  • Add composition parameter to disable animation composition when using `.add...

Fixes

• SVG
  • createMotionPath(): Fix a bug introduced in v4.2.1 that wrapped the target back to 0 when reaching 1 (#1104 )

New features

• SVG
  • createMotionPath(): Add an offset parameter (#1037) (@TheHyrox)
• Draggable
  • createDraggable(): Add a dragThreshold parameter (#1091) (@craig-jennings)

Changes

• Timer, Animation, Timeline
  • .reset(softReset): The softReset parameter type is now a Boolean instead of an int
• Draggable
  • createDraggable(): The...

Breaking Changes

• Utils
  • Remove interpolate() (use the simplified lerp() instead)
  • Remove the clock parameter from lerp() (use the framerate dependent damping function damp() instead)
  • Setting a CSS variable using utils.set() now computes the variable value instead of setting the var name. To set the variable name without conversion, use a function-based value (`x: (...

Bug fixes

• [Scroll] Fixes a bug where onEnter could be called even if the target is outside of the viewport if an other onScroll instance is already running