# Example 7: Fade Transitions

You can achieve a simple fade effect by specifying the fadeDuration option.

 $("#fade").modal({
  fadeDuration: 100
});

Open Modal

You can also use fadeDelay to control the point during the overlay's fade in at which the modal fades in. For example, to fade in the modal when the overlay transition is 50% complete:

 $("#fade").modal({
  fadeDuration: 1000,
  fadeDelay: 0.50
});