JSFiddle - React, Tailwind, and code Playground

HTML

<b>Please, click in "TEST".</b>
Firefox: Broken.<br>
Safari: Broken.<br>
Chrome: OK.<br>
<br><br>

<div class="a">
    <div class="b">TEST</div>
</div>

CSS

.a {
    width: 100%;
    height: 30px;
    background-color: #CCC;
}

.b {
    width: 40px;
    height: 20px;
    background-color: #EEE;
    text-align: center;
    
    margin: 30px auto 0;
}

JavaScript

$('.b').click(
    function(){
        $('.b').animate( { 'margin-left': '-100px' }, 5000 );
    }
);