JSFiddle - React, Tailwind, and code Playground

by alirokni

HTML

<script src="https://code.jquery.com/jquery-1.7.2.js"></script>
<div style="position: relative;">
  []
  <div id="elem" style="float: left;position: absolute; top : 0px; right: -20px">
    *
  </div>
  <div style="float:right;">
    []
  </div>
</div>

JavaScript

//var flytime_x_axis = $('.content-right').offset().left - elem.offset().left;
	//var flytime_y_axis = $('.content-right').offset().top+50 - elem.offset().top;
	var elem = $("#elem");
	var flytime_x_axis = 600; // -
	var flytime_y_axis = 0; // |
	elem.css('position', 'relative').animate({
	  'left': flytime_x_axis,
	  'top': flytime_y_axis,
	  'opacity': '0'
	}, 5000, function() {

	});