Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
// Grow a box $('#box').animate({ width : '300px', height: '200px' }, 600, 'swing', function () { console.log('Animation done!'); }); // Relative movement $('#ball').animate({ left: '+=100' }, 400) .animate({ top : '+=50' }, 400) .animate({ left: '-=100' }, 400) .animate({ top : '-=50' }, 400); // Animate font size and opacity together $('#hero-title').animate({ fontSize: '3rem', opacity : 1 }, 800); // Stop current animation and jump to end $('#slider').stop(true, true).animate({ left: 0 }, 300);
Result
Open