Почему анимация @keyframes не работает с Vue.js?

Я пытаюсь заставить ссылку мигать, когда пользователь загружает сайт. Однако анимация не работает в Vue.

Я попробовал тот же код без Vue в отдельном файле, и он работал нормально.

Это элемент, который должен мигать. (Класс «flash» отображается в DOM. Похоже, это не проблема с моим JS)

<a href = "/test/" :class = "isFlashing ? 'flash' : ''">
  <h2>Test</h2>
</a>

Анимация в CSS:

.flash {
  -webkit-animation: flashing 0.5s infinite;
  animation: flashing 0.5s infinite;
}

@-webkit-keyframes flashing {
  0% {
    color: white;
  }
  50% {
    color: black;
  }
  100% {
    color: white;
  }
}

@keyframes flashing {
  0% {
    color: white;
  }
  50% {
    color: black;
  }
  100% {
    color: white;
  }
}

И стиль самого элемента h2:

h2 {
  position: absolute;
  top: 93%;

  color: white;

  margin-left: 7%;
}

Я ожидал, что ссылка будет мигать бесконечно, но ничего не произошло. Просто остается белым. Как было сказано ранее, анимация работает, когда Vue не загружен.