Установить новое конечное состояние после завершения анимации CSS

Question

У меня есть элемент HTML с примененной к нему CSS-анимацией, который я хочу привязать к другому стилю после завершения анимации

.animatingElement {
   -webkit-animation: myAnimation 0.25s ease-in-out forwards;
}

@-webkit-keyframes myAnimation {
  from {
    state1
    }
  to {  
    state2
    }
}

.animatingElementFinal {
   /*desired final/3rd state*/
}

Есть ли способ, чтобы после завершения анимации применить другой стиль, чем конечное состояние анимации?

Спасибо за любые предложения!