ScaleFadeAnimation
The animation in which a component scales up and fades into view.
Declaration
object ScaleFadeAnimationProperties
| Name | Type | Description |
|---|---|---|
type Required | string | This animation always has the type |
initialAlpha | number | The initial transparency of the component (and the animation). Set |
initialScale | number | The initial scale of the component (and the animation). Set |
userControllable | boolean | Indicates whether the animation happens in response to user action |
Mentioned in
Discussion
With this animation type the component appears by getting larger and fading from transparent to opaque. Initially, the component is scaled down and at least partially transparent, but, upon entering the user’s view, the component scales up to its actual size in the layout and fades in to be completely opaque as shown in this video.
Example
{
"components": [
{
"role": "figure",
"URL": "bundle://figure.jpg",
"animation": {
"type": "scale_fade",
"initialAlpha": 0.5,
"initialScale": 0.75
}
}
]
}