<!--
{
  "availability" : [
    "Apple News Format: 1.7.0 -"
  ],
  "documentType" : "symbol",
  "framework" : "AppleNewsFormat",
  "identifier" : "/documentation/AppleNewsFormat/ScaleFadeAnimation",
  "metadataVersion" : "0.1.0",
  "role" : "Object",
  "symbol" : {
    "kind" : "Object",
    "modules" : [
      "Apple News Format"
    ],
    "preciseIdentifier" : "data:news_format:ScaleFadeAnimation"
  },
  "title" : "ScaleFadeAnimation"
}
-->

# ScaleFadeAnimation

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

```
object ScaleFadeAnimation
```

## 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](https://developer.apple.com/apple-news/videos/scale-fade.mp4).

### Example

```json
{
  "components": [
    {
      "role": "figure",
      "URL": "bundle://figure.jpg",
      "animation": {
        "type": "scale_fade",
        "initialAlpha": 0.5,
        "initialScale": 0.75
      }
    }
  ]
}
```

## See Also

  <doc://com.apple.applenews/documentation/AppleNews/adding-animations>

## Relationships

### Inherits From

[`ComponentAnimation`](/documentation/AppleNewsFormat/ComponentAnimation)

---

Copyright &copy; 2026 Apple Inc. All rights reserved. | [Terms of Use](https://www.apple.com/legal/internet-services/terms/site.html) | [Privacy Policy](https://www.apple.com/privacy/privacy-policy)