@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

.spinner {
  animation: rotation 5s infinite linear;
}

@keyframes color-change {
  0% {
    background-color: red;
  }

  33% {
    background-color: yellow;
    color: inherit;
  }

  66% {
    background-color: blue;
    color: white;
  }

  100% {
    background-color: red;
    color: inherit;
  }
}

.color-changer {
  animation: color-change 5s infinite linear;
  /* This needs to be set for chrome */
  background-color: red;
}

@keyframes jitter {
  from {
    transform: rotate(-5deg);
  }
  to {
    transform: rotate(5deg);
  }
}

.jitterer:hover {
  animation: jitter 0.1s infinite linear;
}

@keyframes move {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(10rem, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}

.mover {
  animation: move 5s infinite both;
}