githubmirror/animate.css

docs/modules/startAnimations.mjs

23 строки795 B

Elton Mesquita

v4 release (#1050)

07 май 2020, 18:42

07 май 2020, 18:425a1c6b1

/**
  Intro animation
*/

const startAnimation = () => {
  const title = document.querySelector('.callout-title')
  const subTitle = document.querySelector('.callout-subtitle')
  const sidebar = document.querySelector('.animation-list')
  const button = document.querySelector('.callout-showList')


  const titleAnimation = 'zoomInDown'
  const subTitleAnimation = 'zoomInDown'
  const buttonAnimation = 'zoomInUp'
  const sidebarAnimation = 'fadeInRight'

  title.classList.add('animate__animated', `animate__${titleAnimation}`)
  subTitle.classList.add('animate__animated', `animate__${subTitleAnimation}`)
  button.classList.add('animate__animated', `animate__${buttonAnimation}`)
  sidebar.classList.add('animate__animated', `animate__${sidebarAnimation}`)
}

export default startAnimation