releaseDamping

Specifies the damping applied to the dragged element after release. Affects the speed, movement distance and bounciness of the dragged element. Lower values increases the bounciness when reaching the bounds of the container.

releaseDamping has no effect if a spring is passed to the releaseDamping parameter and is overridden by the spring damping value.

Accepts

A Number between 0 and 1000

Default

10

releaseDamping code example

import { createDraggable } from 'animejs';

createDraggable('.square', {
  container: '.grid',
  releaseDamping: 5,
});

createDraggable('.circle', {
  container: '.grid',
  releaseStiffness: 30,
});

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

Previous Next

releaseStiffness
velocityMultiplier