Nesse exemplo foi o utilizado KeyFrames que são regras do proprio CSS para criar animações em determinado momento de uma sequencia de passos. O próprio nome autoexplica, Key = Chaves, então chaves frame a frame. Abaixo mostro um exemplo básico.
@keyframes changeColor{
from { background-color: red; }
to { background-color: yellow; }
}
div {
width: 100px;
height: 100px;
background-color: red;
animation: changeColor 5s infinite;
}
Author: Clara Beyer