JSFiddle - React, Tailwind, and code Playground

by guest271314

HTML

<div class="mydiv"></div>

CSS

.mydiv {
    width : 100px;
    height : 100px;
    background : blue;
    left : 0px;
    position : relative;
    display : block;
}

JavaScript

$(function() {
$(".mydiv").animate({
  left :"0px" // 150px
  }, {
  duration : 1234,
  start : function (promise) {
          console.log($(".mydiv").position().left);
  },
  step : function (now, tween) {
          console.log($(".mydiv").position().left /* now, tween */); 
  },
  progress : function (promise) {
          console.log($(".mydiv").position().left); 
  },
      complete : function () {
          $(this).animate({left:"0px"}, 1234)
      }
})  
})