Types

Updated over 1 year ago

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

Fade

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

Example

View Source

Loading ...

Expand

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

Example

View Source

Loading ...

Push

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

Example

View Source

Loading ...

Reveal

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

Example

View Source

Loading ...

Slide

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

Example

View Source

Loading ...

Zoom

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

Example

View Source

Loading ...

Suggested Links

• Basic Configuration
• API Reference of the Animation Package