Looking to incorporate CSS animations into a function. When the timer reaches its end, it triggers a snack bar message and I want the color of the timer text to shift from white to red as a warning signal. Currently, I have managed to turn it red at the end of the timer, but I am unsure how to utilize animations in TypeScript.
openSnackBar2() {
const timer = document.getElementById('timer')
if(timer != null){
timer.style.color = 'red'
}
this.snack.open('O tempo para separar os membros das equipes de dicas acabou, todo tempo adicional utilizado vai consequentemente descontar pontos de toda equipe!', 'Alerta', {
horizontalPosition: this.horizontalPosition,
verticalPosition: this.verticalPosition,
});
}