How to use the animejs.getValue function in animejs

To help you get started, we’ve selected a few animejs examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github brocessing / copilote / src / components / dom / Bubble / Bubble.js View on Github external
hide () {
    if (this.anims.show) { this.anims.show.pause(); delete this.anims.show }
    if (this.anims.offset) { this.anims.offset.pause(); delete this.anims.offset }
    const ty = anime.getValue(this.refs.base, 'translateY')
    const r = anime.getValue(this.refs.base, 'rotate')
    this.anims.hide = anime({
      targets: this.refs.base,
      translateY: ty,
      translateX: -60,
      opacity: 0,
      rotate: [r, 0],
      // scale: 0,
      duration: 400,
      easing: 'easeInOutQuad'
    })
    return this.anims.hide.finished
  }
github brocessing / copilote / src / components / dom / Bubble / Bubble.js View on Github external
hide () {
    if (this.anims.show) { this.anims.show.pause(); delete this.anims.show }
    if (this.anims.offset) { this.anims.offset.pause(); delete this.anims.offset }
    const ty = anime.getValue(this.refs.base, 'translateY')
    const r = anime.getValue(this.refs.base, 'rotate')
    this.anims.hide = anime({
      targets: this.refs.base,
      translateY: ty,
      translateX: -60,
      opacity: 0,
      rotate: [r, 0],
      // scale: 0,
      duration: 400,
      easing: 'easeInOutQuad'
    })
    return this.anims.hide.finished
  }
github pluginjs / pluginjs / modules / slider / src / card.js View on Github external
getOffset() {
    return parseInt(anime.getValue(this.element, this.instance.axis), 10)
  }