JSFiddle - React, Tailwind, and code Playground
HTML
<div>
</div>
CSS
div {
width: 100px;
height: 100px;
background: red;
position: fixed;
animation: anim 3.5s linear 1;
}
@keyframes anim {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(0);
}
}