Template:Text Shuffle/styles.css

/* assembling piece by piece rn */
/* found some good tutorial but well lets see */

.TextShuffler {
  display: block;
  animation: shuffleUp 8s steps(4, end) infinite;
}

.TextShuffler > div {
  height: 1.5em;
  line-height: 1.5em;
  text-align: center;
}

@keyframes shuffleUp {
  0% { transform: translateY(0); }
  25% { transform: translateY(-1.5em); }
  50% { transform: translateY(-3em); }
  75% { transform: translateY(-4.5em); }
  100% { transform: translateY(0); }
}