> For the complete documentation index, see [llms.txt](https://docs.lottielab.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.lottielab.com/editor/properties/reveal-path-trim-path.md).

# Reveal Path (Trim path)

The reveal path property (also known as trim path) enables you to determine how much of your layer is 'revealed' or 'trimmed' off.&#x20;

This is especially useful when used on a layer with a stroke to create fluid line animations, but can also be used on layers without strokes to create a cut-off effect.

The Reveal path property has three properties you can set, the 'sweep start', 'sweep end' and 'offset'

### Sweep start

The sweep start trims (or hides) the shape in a **clockwise motion ↻** (to the right) from the top-centre of the shape (if no offset is applied).&#x20;

It ranges between 0% and 100%, and the higher its value, the more of the shape is trimmed in a clockwise direction.

A simple mental model is the **closer to 100%** this value is, the more the shape is **hidden clockwise.**

<figure><img src="/files/Ev1qxUHc0KfkdQwg421N" alt=""><figcaption></figcaption></figure>

### Sweep end

The sweep end trims (or hides) the shape in an **anticlockwise motion ↺** (to the left) from the top-centre of the shape (if no offset is applied).&#x20;

It starts at 100% and the lower its value, the more of the shape is trimmed in an anticlockwise direction.

A simple mental model is the **closer to 100%** this value is, the more the shape is **revealed anti-clockwise**.

<figure><img src="/files/n01p2ozJia6mf59AHOXT" alt=""><figcaption></figcaption></figure>

### Offset

The offset moves where the starting point for the trim is.

* When offset is **0%,** the shape is hidden/trimmed starting from the top-centre when sweep start or sweep end is changed.
* When offset is **a positive numbe**r, the starting point for the trim is moved clockwise **↻** by the given percentage.
* When offset is a negative number, the starting point of the trim is moved anti-clockwise **↺**/reversed by the given percentage.

<figure><img src="/files/qnbbAHh7Y91ynFg767VP" alt=""><figcaption></figcaption></figure>
