Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
// Fade a notification in then out after 3 s $('#notification') .fadeIn(400) .delay(3000) .fadeOut(600, function () { $(this).remove(); }); // Fade toggle on button click $('#toggle-btn').on('click', function () { $('#image-overlay').fadeToggle('fast'); }); // Fade to specific opacity $('#dimmer').fadeTo(800, 0.4); // Image cross-fade $('#old-img').fadeOut(500, function () { $('#new-img').fadeIn(500); });
Result
Open