<!--
{
  "documentType" : "article",
  "framework" : "TVML",
  "identifier" : "/documentation/TVML/tv-transition",
  "metadataVersion" : "0.1.0",
  "role" : "article",
  "title" : "tv-transition"
}
-->

# tv-transition

Specifies how an element transitions on and off the screen.

## Overview

Use the `tv-transition` style to apply a transition effect to an element.

### Values for tv-transition

- `dissolve`: The element stays in place and uses a dissolve effect.
- `magicMove`: The element uses the magic move transition. When the user swipes
  to the left, the current image shrinks slightly, and a new image is brought on top
  of it from the right. When the user swipes to the right, the image slides off screen
  to the right. This action reveals the next image, which then grows to fill the screen.
- `none`: No transition effect is applied to the element.
- `push`: The element is pushed onto the screen.
- `wipe`: The element is wiped from the screen.

### Elements that Use tv-transition

- [oneupTemplate](/documentation/TVML/oneuptemplate)

---

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)