---
title: BackgroundMotion
framework: applenewsformat
role: symbol
role_heading: Object
path: applenewsformat/backgroundmotion
---

# BackgroundMotion

The behavior whereby the background of a component moves in the opposite direction from the motion of the device.

## Declaration

```data
object BackgroundMotion
```

## Properties

type: This behavior always has the type background_motion.

## Mentioned in

About Component Behaviors

## Discussion

Discussion When you apply the BackgroundMotion behavior to a component, the background of the component moves in the opposite direction of the device motion — much like the background image on the Home Screen on iPhone. This video shows an example of the BackgroundMotion behavior. Example {   "components": [     {       "role": "container",       "behavior": {         "type": "background_motion"       },       "style": {         "fill": {           "type": "image",           "URL": "bundle://summer.jpg",           "fillMode": "cover",           "verticalAlignment": "top"         }       },       "layout": {         "minimumHeight": "77.2cw"       }     }   ] }

## Relationships

### Inherits From

- [Behavior](applenewsformat/behavior.md)

## See Also

### Behaviors

- [About Component Behaviors](applenews/about-component-behaviors.md)
- [Behavior](applenewsformat/behavior.md)
- [BackgroundParallax](applenewsformat/backgroundparallax.md)
- [Motion](applenewsformat/motion.md)
- [Parallax](applenewsformat/parallax.md)
- [Springy](applenewsformat/springy.md)