FadeInAnimation
The animation whereby a component fades into view.
Declaration
object FadeInAnimationProperties
| Name | Type | Description |
|---|---|---|
type Required | string | This animation always has the type |
initialAlpha | number | The initial transparency of the component (and the animation). Set |
userControllable | boolean | Indicates whether user action like scrolling controls the animation ( |
Mentioned in
Discussion
With this animation type the component fades in as it enters the person’s view. The initial transparency (alpha value) of the component is configurable. A FadeInAnimation with the userControllable property set to true is shown in this video.
Example
{
"components": [
{
"role": "heading1",
"text": "2. Unbeatable Heat"
},
{
"role": "figure",
"URL": "bundle://figure.jpg",
"animation": {
"type": "fade_in",
"userControllable": false,
"initialAlpha": 0
}
}
]
}