JSFiddle - React, Tailwind, and code Playground

by Derek Leung

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.0.2/anime.min.js"></script>
<div id="content">
    <div class="line">
        <div class="square el"></div>
    </div>
</div>

CSS

body {
    background-color: #232323;
}

.square {
    width: 100px;
    height: 100px;
    background-color: red;
}

JavaScript

anime({
    targets: '#content .el',
    translateX: 250
});