> ## Documentation Index
> Fetch the complete documentation index at: https://autorender.io/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Flip

> Mirror a video horizontally, vertically, or both.

`flip_h`, `flip_v`, and `flip_hv` mirror a video horizontally, vertically, or both. Use it to correct camera orientation or match a UI layout.

<Info>
  These tokens behave the same for images. See the shared [flip](/docs/transformations/flip) page for the image reference.
</Info>

## How to use it?

Add one flip token to the URL.

| Token     | What it does                                         |
| --------- | ---------------------------------------------------- |
| `flip_h`  | Mirrors horizontally (left-right reflection)         |
| `flip_v`  | Mirrors vertically (top-bottom reflection)           |
| `flip_hv` | Mirrors both axes, equivalent to a **180°** rotation |

<Tabs>
  <Tab title="Original">
    <div className="flex object-contain justify-center mt-4">
      <video src="https://assets.autorender.io/LOKVTtKVGb/w_400/doc/skateboarding.mp4" controls className="max-w-full" />
    </div>
  </Tab>

  <Tab title="Horizontal Flip">
    ```bash theme={null}
    https://assets.autorender.io/LOKVTtKVGb/flip_h,w_400/doc/skateboarding.mp4
    ```

    <div className="flex object-contain justify-center mt-4">
      <video src="https://assets.autorender.io/LOKVTtKVGb/flip_h,w_400/doc/skateboarding.mp4" controls className="shadow-lg max-w-full" />
    </div>
  </Tab>

  <Tab title="Vertical Flip">
    ```bash theme={null}
    https://assets.autorender.io/LOKVTtKVGb/flip_v,w_400/doc/skateboarding.mp4
    ```

    <div className="flex object-contain justify-center mt-4">
      <video src="https://assets.autorender.io/LOKVTtKVGb/flip_v,w_400/doc/skateboarding.mp4" controls className="shadow-lg max-w-full" />
    </div>
  </Tab>
</Tabs>

Flip combines with any other video transform, including resize, trim, and rotate.

<Warning>
  Flipping mirrors any text baked into the video frame. Preview the result before shipping if the footage contains readable text or logos.
</Warning>

## Next steps

<CardGroup cols={2}>
  <Card title="Rotate" icon="rotate" iconType="solid" href="/docs/video/rotate">
    Reorient a video by 90, 180, or 270 degrees instead.
  </Card>

  <Card title="Image flip" icon="left-right" iconType="solid" href="/docs/transformations/flip">
    The same flip tokens applied to images.
  </Card>
</CardGroup>