releaseEase

Specifies a custom easing applied to the dragged element after release, a snap event, or repositioning when dragged out of bounds.

Accepts

ease

Passing spring() overrides the draggable releaseMass, releaseStiffness and releaseDamping parameters. The velocity parameter of spring() has no effect and is replaced with the actual velocity of the dragged element.

Default

eases.outQuint

releaseEase code example

import { createDraggable, spring } from 'animejs';

createDraggable('.square', {
  container: '.grid',
  releaseEase: 'outElastic',
});

createDraggable('.circle', {
  container: '.grid',
  releaseEase: spring({
    stiffness: 150,
    damping: 15,
  })
});

<div class="large centered grid square-grid">
  <div class="square draggable"></div>
  <div class="circle draggable"></div>
</div>

Previous Next

maxVelocity
dragSpeed