JSFiddle - React, Tailwind, and code Playground

by Chris LaFrombois

HTML

<div id="character">

</div>

CSS

#character {
  width: 40px;
  height: 40px;
  background-color: blue;
  position: relative;
  top: 160px;
  animation:jump 500ms infinite;
}


@keyframes jump {
  0% {
    top: 150px;
  }

  30% {
    top: 100px;
  }

  70% {
    top: 100px;
  }

  100% {
    top: 150px;
  }
}