JSFiddle - React, Tailwind, and code Playground

by lollero

HTML

<div>DIV</div>

CSS

div { color: #fff; background: #222; padding: 6px; position: relative; float: left; }

JavaScript

var o = {
    effect: 'slide'
}

var ani = {};

var effects = {
    
    fade: function() {

        ani.opacity = 0.3;
        
    },
    slide: function() {
    
        ani.left = 100;
        
    }

}

effects[ o.effect ]();

$('div').animate( ani, 2000 );