JSFiddle - React, Tailwind, and code Playground

by Chris LaFrombois

HTML

<div id="block">

</div>

CSS

* {
  padding: 0;
  margin: 0;
}
#game{
  width:700px;
  height:200px;
  border: 1px solid black;
}
#character{
  width:20px;
  height: 50px;
  background-color: red;
  position: relative;
  top: 150px;
}
#block{
  width:20px;
  height: 20px;
  background-color: blue;
  position: relative;
  top: 130px;
  left: 480px;
  -webkit-animation: block 1s infinite linear;
}
@-webkit-keyframes block
{
  0% { left: 480px; }
  100% { left: -40px; }
}