JSFiddle - React, Tailwind, and code Playground

by PHPsycho

HTML

<div class="moveDiv"></div>

CSS

.moveDiv{ background: red; width: 20px; height: 20px; margin: 0; margin-left: 20px;}

JavaScript

var duration = 5000;
var target = 200;
$('.moveDiv')
        .animate({ "margin-left": target }, duration, 'linear')
        .hover(function(){
            $(this).stop(true,false);
        },
        function(){
            var $this = $(this);
            var cur = parseInt($this.css('margin-left'));
            $this.animate({ "margin-left": target }, duration*((target-cur)/target), 'linear')
        });