Home Up

Animation.

fadeIn()

<span id="hello">Hello World.</span>
#hello { padding: 10px; background-color: coral; color: white; border: 1px dashed gray; display: none; }
$('#hello').fadeIn(2000);

Hello World.

animate()

<span id="animation">Animation.</span>
#animation { padding: 10px; background-color:gold; border: 1px dashed gray; font-size: 8px; }
$('#animation').animate({ 'width': 400, 'padding-left': 200, 'font-size': 46 }, { duration: 1000 });

Animation.