githubmirror/animate.css

docs/modules/slowDownAnimations.mjs

18 строк509 B

Elton Mesquita

v4 release (#1050)

07 май 2020, 18:42

07 май 2020, 18:425a1c6b1

/**
  Slows animations
*/

const slowDownAnimations = (target) => {
  const targetEl = document.querySelector(target)
  const doc = document.documentElement

  targetEl.addEventListener('click', () => {
    const currentDuration = getComputedStyle(document.documentElement)
      .getPropertyValue('--animate-duration')
    const newDuration = currentDuration === '1s' ? '2s' : '1s'

    document.documentElement.style.setProperty('--animate-duration', newDuration);
  })
}

export default slowDownAnimations