How to zoom a div in on page load with jQuery?

Question

Is there a way to make a div zoom-in when the page loads? Like when you install a new app in Chrome, it brings you to the new tab page and zooms in the new app. It looks nic

Answer 1

CSS:

div {
    width:50px;
    height:50px;
    margin:20px;
    background-color:red;
    font-size:1em;
}

.big {
    width:100px;
    height:100px;
    font-size:2em;
}

JQuery (with JQueryUI):

$(function(){
      $('#my_div').addClass("big",500).removeClass("big",500);
});

Here's the demo: http://jsfiddle.net/tjRvn/

Unfortunately addClass() with the duration is not working in Chrome tonight. Weird :/