> For the complete documentation index, see [llms.txt](https://docs.lightact.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.lightact.com/layers-and-layouts/fade-in-and-fade-out.md).

# Fade in and Fade out

Timelines, Sections and Layers have Fade in and Fade out properties, however they work a bit differently.

## Timeline fades

<div align="left"><figure><img src="/files/xJkEbWarTIjFaMR30Xbi" alt=""><figcaption></figcaption></figure></div>

Every Timeline has Fade in/out and Cross-fade time property.

### Timeline fade in/out

When setting a Timeline's fade in/out, it doesn't affect the beginning or end of the Timeline. Instead, these settings apply whenever the Timeline switches between play modes.

For instance, if the Timeline's fade in time is set to 3 seconds and it is in stop mode, pressing play will cause the content to fade in over 3 seconds, regardless of where the playhead is in the Timeline. The same approach applies to fade out.

#### Apply fade to Pause

If this checkbox is **checked**, then Fade in/out will apply when switching between any play state and the Pause or Stop state.

If this checkbox is **unchecked**, then Fade in/out will apply only when switching between any play state and the Stop state.

## Section Fade in/out

<div align="left"><figure><img src="/files/NS5Y5tLuKDTHnfPmfRnO" alt=""><figcaption></figcaption></figure></div>

Section Fade in and Fade out apply to all the layers in the beginning and end of a section.

<div align="left"><figure><img src="/files/Z1gVlrRUeVO2gf0MfbKF" alt=""><figcaption></figcaption></figure></div>

In the above image, for example, all 3 layers are going to be faded in because they are all within the Fade in time of *Section 2*.

## Layer Fade in in/out

<div align="left"><figure><img src="/files/uZByfaKshGuSC51JNspO" alt=""><figcaption></figcaption></figure></div>

Every layer also has Fade in and Fade out property. They work similarly to Section Fade in/out except that they apply only to that specific layer.

{% hint style="info" %}
**Good to know**: Layer Fade in/outs and Section Fade in/outs multiply with eachother.
{% endhint %}
