# 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: 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:

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

The question should be specific, self-contained, and written in natural language.
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.