JSFiddle - React, Tailwind, and code Playground

by robdodson

HTML

<script src="https://raw.github.com/maccman/gfx/master/lib/gfx.js"></script>
<div id="container"></div>

CSS

#container {
    position: absolute;
    width: 100px;
    height: 100px;
    background: #0F0;
}

JavaScript

$(function() {

    $('#container').gfx({
        translateX: '100px'
    }, { duration: 0 });
    
    $('#container').click(function() {
        $(this).gfx({
            translateX: '300px'
        }, { duration: 1000 });
    });
    
});