Custom UI Effects with jQuery

Custom UI Effects with jQuery — a practical guide to jQuery custom UI effects with clear examples you can reuse in real projects.

jQuery Tutorial Series (91/101). Prefer one article? Read the complete jQuery tutorial.

Short description

Respect prefers-reduced-motion when adding motion.

UI effect tip

$('#toast').addClass('show').delay(2000).queue(function (next) {
  $(this).removeClass('show');
  next();
});