Types

The Animation components animate their content by using various animation effects.

The Animation package delivers the following types of animations:

• Fade
• Expand
• Push
• Reveal
• Slide
• Zoom

Fade

The Fade Animation animates newly added children by using a fade-in effect.

Expand

The Expand Animation animates the scaleY() or scaleX() CSS property of the container element.

Push

The Push Animation slides the new component by pushing the old one out.

Reveal

The Reveal Animation animates the height or width CSS property of the container element.

Slide

The Slide Animation slides a single piece of content in a predefined direction.

Zoom

The Zoom animation displays its content by applying a zoom-in or zoom-out transition effect.

Suggested Links

• Basic Configuration
• API Reference of the Animation Package