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

var anim = [
    {width:100,height:30},
    {marginTop:200,marginLeft:100},
    {fontSize:30,padding:40},
    {borderWidth:10},
    {marginTop:0}
];

$.each(anim, function(i) {
    $('div').animate(anim[i], 1000);
});