Почему не работает classlist для nodelist?

Question

[mxkss]

<header>
    <div class="btn">
      <span></span>
      <span></span>
      <span></span>
    </div>
    <ul>
      <li>Home</li>
      <li>Market</li>
      <li>Location</li>
      <li>Contact</li>
      <li>About</li>
    </ul>
  </header>

const menuSpan = document.querySelectorAll('header .btn span')
const menu = document.querySelector('header .btn')

menu.addEventListener('mouseover', (e) => {
    menuSpan[0].classList.add = 'menu-animation1'
    menuSpan[1].classList.add = 'menu-animation2'
    menuSpan[2].classList.add = 'menu-animation3'
    console.log('checked')
})

Для span внутри класса btn должны примениться классы menu-animation, но ничего не работает. Хотя console.log('checked') выводится для проверки работает ли eventlistener.