This shortcode enables you to easily use fade-in and fade-out animations on your content without having to touch or know any JavaScript or jQuery code.

You can wrap your content in this shortcode to affect the entire piece of content, or you can target the CSS ID or Class of an existing element on a page.

You can also optionally run JavaScript functions as each step of the animation completes. This is is useful for many different custom behaviors. For example you could synchronize a video or audio element to stop or start playing when it becomes invisible.