# Pan and Zoom

{% hint style="info" %}
Pan and Zoom is available on our **Pro**, **Growth**, and **Enterprise** plans.
{% endhint %}

### How do I add pan and zoom to my Interactively demo?

To add Pan and Zoom to your demo, in <kbd>**Edit**</kbd>, click <kbd>Pan and zoom</kbd> in the toolbar and the editor will center a zoom around your hotspot. You can then reposition your zoom and resize your zoom area.&#x20;

Pan and Zoom can be applied to both image and video steps.

### Adjust the easing and delay

In the <kbd>Zoom and pan</kbd> settings you can adjust the easing and delay for a smoother transition.

* **Easing:** Adjust how smoothly the zoom and pan motion speeds up or slows down. Choose from three options—**Quick**, **Slow**, or **Gentle**.
* **Delay:** Adjust the delay before the zoom or pan effect starts when a step appears. You can set the delay to **0s**, **0.5s**, **1s**, **1.5s**, **2s**, **2.5s**, or **3s**.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://interactively.gitbook.io/interactively-docs/build/edit/pan-and-zoom.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.