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

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). 

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>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://docs.lottielab.com/editor/properties/reveal-path-trim-path.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.