# Transitions

A transition is how one scene hands over to the next. react-wrapped has nineteen: fourteen covers that take the whole frame in the palette's colours, and five moves that take the old scene out itself. Each scene gets one from the video's seed, and you can pick any of them per scene.

## Covers

- [Layers](https://bettertyped.github.io/react-wrapped/docs/transitions/layers/): flat bands rising up the frame
- [Slash](https://bettertyped.github.io/react-wrapped/docs/transitions/slash/): slanted bands across the frame
- [Arrow](https://bettertyped.github.io/react-wrapped/docs/transitions/arrow/): a pointed band across the frame
- [Wave](https://bettertyped.github.io/react-wrapped/docs/transitions/wave/): water coming up from below
- [Drip](https://bettertyped.github.io/react-wrapped/docs/transitions/drip/): paint running down from the top
- [Bloom](https://bettertyped.github.io/react-wrapped/docs/transitions/bloom/): discs growing out of a corner
- [Pulse](https://bettertyped.github.io/react-wrapped/docs/transitions/pulse/): rings out of the middle
- [Blink](https://bettertyped.github.io/react-wrapped/docs/transitions/blink/): an eye shutting and opening
- [Spin](https://bettertyped.github.io/react-wrapped/docs/transitions/spin/): a clock hand going once round
- [Fan](https://bettertyped.github.io/react-wrapped/docs/transitions/fan/): a wiper hinged at the bottom
- [Doors](https://bettertyped.github.io/react-wrapped/docs/transitions/doors/): two doors shutting on the scene
- [Brush](https://bettertyped.github.io/react-wrapped/docs/transitions/brush/): one wide brush stroke
- [Scan](https://bettertyped.github.io/react-wrapped/docs/transitions/scan/): a beam crossing the frame
- [Flash](https://bettertyped.github.io/react-wrapped/docs/transitions/flash/): light swelling from the middle

## Moves

- [Iris](https://bettertyped.github.io/react-wrapped/docs/transitions/iris/): the scene closing to a point
- [Wipe](https://bettertyped.github.io/react-wrapped/docs/transitions/wipe/): the scene wiped away upward
- [Lift](https://bettertyped.github.io/react-wrapped/docs/transitions/lift/): the scene rising out of frame
- [Drop](https://bettertyped.github.io/react-wrapped/docs/transitions/drop/): the scene falling out of frame
- [Zoom](https://bettertyped.github.io/react-wrapped/docs/transitions/zoom/): the scene rushing at the camera

## Related

- [Custom transition](https://bettertyped.github.io/react-wrapped/docs/guides/custom-transition/)
- [Charts](https://bettertyped.github.io/react-wrapped/docs/charts/)
- [SceneEditor](https://bettertyped.github.io/react-wrapped/docs/player/scene-editor/)
- [Introduction](https://bettertyped.github.io/react-wrapped/docs/)
- [Designs](https://bettertyped.github.io/react-wrapped/designs/)

Source: https://bettertyped.github.io/react-wrapped/docs/transitions/