Asaf Zamir – Chief Technology Officer and Cloud Consultant

Until recently whenever I had to do the simplest animation I always had to use JavaScript code.
If you're using jQuery it's pretty easy to make simple effects.
The most known ones would probably be slideDown() and slideUp().
Custom animation is also pretty easy with jQuery:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12

$('div.red').hover(function() {
    $('div.red').animate({
    width: '+=50',
    height: '+=50'
    }, 200)
},
function() {
    $('div.red').animate({
        width: '-=50',
        height: '-=50'
    }, 200)
});