> For the complete documentation index, see [llms.txt](https://interactively.gitbook.io/interactively-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://interactively.gitbook.io/interactively-docs/build/edit/pan-and-zoom.md).

# 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**.