Object

AppearAnimation

The animation whereby a component appears on the screen.

Properties

type
string
(Required)

This animation always has the type appear.

Discussion

With this animation type the component starts out invisible and then simply appears. As the component enters the user’s view, it appears with a slight fade-in as shown in this video.

See also FadeInAnimation, where you can set the initial appearance of the component.

Example

{ "components": [ { "role": "heading1", "text": "2. Unbeatable Heat" }, { "role": "figure", "URL": "bundle://figure.jpg", "animation": { "type": "appear" } } ]}

Relationships

Inherits From

See Also

Animations

About Component Animations

Learn how to affect the way in which components come into view.

object ComponentAnimation

Properties shared by all the animations.

object FadeInAnimation

The animation whereby a component fades into view.

object MoveInAnimation

The animation whereby a component moves in from the side of the screen.

object ScaleFadeAnimation

The animation in which a component scales up and fades into view.