Continuous Animation with JQuery .animate()

by Taufik Nurrohman

HTML

<div>ABC</div>

CSS

body {padding:30px;background-color:orange}
div {width:50px;height:50px;border:2px solid gold;background-color:black;padding:30px;color:white}

JavaScript

$('div').animate({
    width:100,
    height:30
}, 1000).animate({
    marginTop:200,
    marginLeft:100
}, 1000).animate({
    fontSize:30,
    padding:40
}, 1000).animate({
    borderWidth:10
}, 1000).animate({
    marginTop:0
}, 1000);