• Choose from over 30 different animation styles
  • Set the delay the preceeds the animation
  • Set animation duration
  • Choose the offset distance from bottom of browser window


Below are several examples of different animations performed by the Reveal stack. We’ve used it in several different ways, including using different delays to create nice stepped effects.


Example header goes here

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.

Using Reveal


Animation Type
Choose what animation style you wish to use to reveal your page elements that you’ve placed within the Reveal stack.

The amount of time it takes for the animation process to take place. The shorted the amount of time the faster the animation will occur.

The amount of time it takes after the Reveal stack comes into view in the browser before the animation itself begins. Setting it to zero means the animation will occur as soon as the reveal stack enters the viewport of the browser window.

The distance up from the bottom of the browser window where the Reveal stack will be triggered. This trigger point is considered to be the entry point into the browser window.

  • Please Note: Animations occur at the desktop breakpoint and are disabled on mobile devices to ensure good compatibility and proper display of content.
Sign up for The Forge newsletter

Stay up to date on future versions of Foundry, as well as important news, updates and more!

This site is built using Foundry for RapidWeaver

© 2006-2018 Elixir Graphics | Contact Us