JSFiddle - React, Tailwind, and code Playground

by alinktothepast

HTML

<div><h1>Daggerfall</h1></div>

CSS

div {
  animation-name: diagonal-slide;
  animation-duration: 5s;
  animation-iteration-count: 10;
}

@keyframes diagonal-slide {

  from {
    left: 0;
    top: 0;
  }

  to {
    left: 100px;
    top: 100px;
  }

}