JSFiddle - React, Tailwind, and code Playground

by dirtyd77

HTML

<div id="test">Test</div>

CSS

div {
    position:absolute;
}

JavaScript

$(function () {
    function startAnimation() {
        $("#test").animate({
            left: '20px',
            opacity: '1'
        }, {
            duration: 1800,
            complete: finishAnimation()
        });

    };

    function finishAnimation() {
        $("#test").animate({
            {
                left: '20px',
                opacity: '0'
            }, {
                duration: 1000
            }
        });
    });