# 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="https://1768268082-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhgGiOKJySIZ4fBeXk0CD%2Fuploads%2FnDzBYujtSnKp3whpmfdC%2FReveal%20path%20start.gif?alt=media&#x26;token=749b08c0-e4db-416a-9732-931199b3d42c" 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="https://1768268082-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhgGiOKJySIZ4fBeXk0CD%2Fuploads%2FNMZxJ100UpVGUruxzjch%2FSweep%20end.gif?alt=media&#x26;token=aafc6168-6572-42fc-9f16-a3a4ea99cb75" 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="https://1768268082-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhgGiOKJySIZ4fBeXk0CD%2Fuploads%2Fxk6ceIzKpOIKgfVNV72f%2FSweep%20offset.gif?alt=media&#x26;token=32ea7819-406f-46e9-b327-d4f0485e26a5" alt=""><figcaption></figcaption></figure>
