CSS Rain Effect

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