StepsEasy
jQuery Animate - Example
Run
Reset
Destroy & Close
← Back to lesson
Code Editor
javascript
// Basic animation $('#box').animate({ left: '250px', opacity: '0.5', height: '150px', width: '150px' }, 1000); // Chained animations $('#box') .animate({left: '200px'}, 500) .animate({top: '200px'}, 500) .animate({left: '0'}, 500) .animate({top: '0'}, 500);
Result
Click "Run" to execute the code...
Loading runtime...
Ready
JAVASCRIPT | In-Browser Execution