JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://rawgit.com/LeaVerou/prefixfree/gh-pages/prefixfree.min.js"></script>
<div></div>

CSS

div {
    margin-top: 100px;
    height: 50px;
    width: 50px;
    background-color: blue;
    animation: slide 2s linear infinite;
}

@keyframes slide {
    50% {
        transform: scale(2) translate(100%);
    }
    100% {
        transform: scale(2) translate(200%);
    }
}