---
title: ScaleFadeAnimation
framework: applenewsformat
role: symbol
role_heading: Object
path: applenewsformat/scalefadeanimation
---

# ScaleFadeAnimation

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

## Declaration

```data
object ScaleFadeAnimation
```

## Properties

type: This animation always has the type scale_fade. initialAlpha: The initial transparency of the component (and the animation). Set initialAlpha to a value between 0 (completely transparent) and 1 (completely visible). initialScale: The initial scale of the component (and the animation). Set initialScale to a value between 0 (completely scaled down) and 1 (the component’s original size). userControllable: Indicates whether the animation happens in response to user action (true) or happens automatically (false).

## Mentioned in

About Component Animations

## Discussion

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       }     }   ] }

## Relationships

### Inherits From

- [ComponentAnimation](applenewsformat/componentanimation.md)

## See Also

### Related Documentation

- [Adding Animations](applenews/adding-animations.md)

### Animations

- [About Component Animations](applenews/about-component-animations.md)
- [ComponentAnimation](applenewsformat/componentanimation.md)
- [AppearAnimation](applenewsformat/appearanimation.md)
- [FadeInAnimation](applenewsformat/fadeinanimation.md)
- [MoveInAnimation](applenewsformat/moveinanimation.md)