JSFiddle - React, Tailwind, and code Playground

HTML

<div id="boite"></div>

CSS

@-webkit-keyframes redBox {
0% {left: 10px;}
50% {left: 400px;}
100% { left: 10px;}
}
@-moz-keyframes redBox {
0% {left: 10px;}
50% {left: 400px;}
100% {left: 10px;}
}
@keyframes 'redBox' {
0% {left: 10px;}
50% {left: 400px; }
100% {left: 10px;}
}

#boite {
background-color: red;
position: relative;
width: 100px;
height: 100px;
-webkit-animation: redBox 5s infinite;
-moz-animation: redBox 5s infinite;
animation: redBox 5s infinite;
}