> For the complete documentation index, see [llms.txt](https://plugin-everything.gitbook.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://plugin-everything.gitbook.io/docs/controls/width-modes/width-easing.md).

# Width Easing

`Width Easing` controls how smoothly the width changes between multiplier points in simple width modes. Use it to make a taper feel linear, soft, or eased at both ends.

<div data-with-frame="true"><figure><img src="https://749037855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ftv64kPMoAtApBYU0Un9u%2Fuploads%2F6lvbW18hxcJMG0TU0n7z%2Feasing%200.png?alt=media&amp;token=fab6982f-3244-47a6-b12e-6daa7d08e190" alt="" width="563"><figcaption><p><code>Width Easing</code> 0% (linear)</p></figcaption></figure></div>

<div data-with-frame="true"><figure><img src="https://749037855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ftv64kPMoAtApBYU0Un9u%2Fuploads%2FSoisVygEcbiTjWOyT86Q%2Feasing%20100.png?alt=media&amp;token=7d043764-8f26-464a-b5c7-9897152acbd1" alt="" width="563"><figcaption><p><code>Width Easing</code> 100% (maximum)</p></figcaption></figure></div>

This is more obvious (and fun) with higher stroke values:

<div data-with-frame="true"><figure><img src="https://749037855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ftv64kPMoAtApBYU0Un9u%2Fuploads%2F6gy0CAlfRpD7f5wH25RI%2Feasing%20comparison.png?alt=media&amp;token=57745671-e4eb-4ad7-91ca-ff142dfabb4c" alt="" width="563"><figcaption></figcaption></figure></div>

## Controls

<details>

<summary>Width Easing</summary>

#### Width Easing

`Width Easing` ranges from 0% to 100%.

<table><thead><tr><th width="91.8515625">Value</th><th>Result</th></tr></thead><tbody><tr><td>0%</td><td>Width changes at a constant rate between multiplier points</td></tr><tr><td>100%</td><td>Width has maximum smoothing, producing gentle ease-in and ease-out motion</td></tr></tbody></table>

Intermediate values blend between linear and fully eased transitions.

</details>

## Interactions

<details>

<summary>Width Control Mode</summary>

`Width Easing` affects `Start & End` and `Start Middle End`.

It does not affect `None (Constant Width)`, because the stroke has no width transition. It does not affect `Curve Graph`, because the graph's Bezier handles define the transition shape directly.

</details>

<details>

<summary>Width Scope</summary>

`Width Scope` controls where the eased profile is mapped.

For example, with `Width Scope` set to `Individual Paths`, each path receives its own eased transition. With `Width Scope` set to `Multiple Paths`, the eased transition spans the combined path length.

</details>

## Interface Conditionals

<details>

<summary>Width Easing</summary>

| Condition                                       | Result                    |
| ----------------------------------------------- | ------------------------- |
| `Width Control Mode` is `Start & End`           | `Width Easing` is visible |
| `Width Control Mode` is `Start Middle End`      | `Width Easing` is visible |
| `Width Control Mode` is `None (Constant Width)` | `Width Easing` is hidden  |
| `Width Control Mode` is `Curve Graph`           | `Width Easing` is hidden  |

</details>
