> For the complete documentation index, see [llms.txt](https://romaincousin.gitbook.io/keystone-2/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://romaincousin.gitbook.io/keystone-2/keyframe-features/stretch.md).

# Stretch

{% hint style="info" %}
The **%** unit corresponds to the current duration of the animations before applying the stretch.

Examples:

* **50%** reduces the duration of the animation by two
* **200%** extends the duration of the animation by two
* **100%** does not change the animation
  {% endhint %}

## Stretch from the first keyframe

<table data-header-hidden><thead><tr><th width="191.28582282242604" align="center">Original keys</th><th width="185.18358367873387" align="center">Layer mode</th><th width="182.48260799429144" align="center">Property mode</th><th width="187.2262509177393" align="center">Global mode</th></tr></thead><tbody><tr><td align="center">Original keyframes</td><td align="center"><p>Layer mode</p><p><strong><code>click</code></strong></p></td><td align="center"><p>Property mode</p><p><strong><code>ALT (⌥)</code></strong>+<strong><code>click</code></strong></p></td><td align="center"><p>Global mode</p><p><strong><code>SHIFT</code></strong> + <strong><code>click</code></strong></p></td></tr><tr><td align="center"><img src="https://content.gitbook.com/content/gqK0k2J2JrgjHSb6skNF/blobs/2Bq2Z8EtrXUOqY0tqqVh/keystone-stretch-first-keyframe-original.png" alt=""></td><td align="center"><img src="https://content.gitbook.com/content/gqK0k2J2JrgjHSb6skNF/blobs/h3i8s4ts1u5pAJg5PoPQ/keystone-stretch-first-keyframe-layer.png" alt=""></td><td align="center"><img src="https://content.gitbook.com/content/gqK0k2J2JrgjHSb6skNF/blobs/MIhuEdKPOb9VXgioSBER/keystone-stretch-first-keyframe-property.png" alt=""></td><td align="center"><img src="https://content.gitbook.com/content/gqK0k2J2JrgjHSb6skNF/blobs/UFXBiaCzjgB9nfzQGfGQ/keystone-stretch-first-keyframe-all-together.png" alt=""></td></tr></tbody></table>

## Stretch from the last keyframe

<table data-header-hidden><thead><tr><th width="187.9295016111162" align="center">Original keys</th><th width="189.0174378768608" align="center">Layer mode</th><th width="183.444296369543" align="center">Property mode</th><th width="187.106397081347" align="center">Global mode</th></tr></thead><tbody><tr><td align="center">Original keyframes</td><td align="center"><p>Layer mode</p><p><strong><code>click</code></strong></p></td><td align="center"><p>Property mode</p><p><strong><code>ALT (⌥)</code></strong>+<strong><code>click</code></strong></p></td><td align="center"><p>Global mode</p><p><strong><code>SHIFT</code></strong> + <strong><code>click</code></strong></p></td></tr><tr><td align="center"><img src="https://content.gitbook.com/content/gqK0k2J2JrgjHSb6skNF/blobs/mJ83TU7jRqRfoB8LB9RV/keystone-stretch-last-keyframe-original.png" alt=""></td><td align="center"><img src="https://content.gitbook.com/content/gqK0k2J2JrgjHSb6skNF/blobs/ANSWwWMAD9scefBOBdeV/keystone-stretch-last-keyframe-layer.png" alt=""></td><td align="center"><img src="https://content.gitbook.com/content/gqK0k2J2JrgjHSb6skNF/blobs/EiKYXWGjmv92gH8WJVti/keystone-stretch-last-keyframe-property.png" alt=""></td><td align="center"><img src="https://content.gitbook.com/content/gqK0k2J2JrgjHSb6skNF/blobs/iITW16zyg12dK8xjtXCt/keystone-stretch-last-keyframe-all-together.png" alt=""></td></tr></tbody></table>