sample: moving with a curve in $.animate

by sii_side

HTML

<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>

<div class="test">test</div>

CSS

.test {
  position: absolute;
  width: 50px;
  height: 50px;
  background-color: #fcc;
}

JavaScript

$(".test").animate({
	top: "100px",
  left: "100px"
}, {
	duration: 2000,
	specialEasing: {
  	top: "linear",
    left: "easeInQuad"
  }
});