JSFiddle - React, Tailwind, and code Playground

HTML

<div id="foo"></div>

CSS

body {
    background: #000;
}

#foo {
    background: #11aaff;
    height: 100px;
    width: 100px;
    border: 1px solid #fff;
}

JavaScript

var foo = $('#foo'),
    opts = {'duration': 1000},
    
    glowRed = function() {
        foo.animate({'border-color': '#f00'}, {'duration': 1000});
    };

foo.animate({'margin-left': '100px'}, {'duration': 1000, 'complete': glowRed});