Types

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

The Animation package delivers the following types of animations:

Fade

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

Example
View Source
Edit In Stackblitz  
Change Theme:

Expand

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

Example
View Source
Edit In Stackblitz  
Change Theme:

Push

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

Example
View Source
Edit In Stackblitz  
Change Theme:

Reveal

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

Example
View Source
Edit In Stackblitz  
Change Theme:

Slide

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

Example
View Source
Edit In Stackblitz  
Change Theme:

Zoom

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

Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?