# 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="https://3312042618-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9sVaJpWJhPbmscipukhh%2Fuploads%2Fm8BAT8ZgUbOjVanHtwTc%2Fimage.png?alt=media&#x26;token=06ee7c39-bf1f-44a2-96ae-05931297bdd4" 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.&#x20;

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="https://3312042618-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9sVaJpWJhPbmscipukhh%2Fuploads%2FJ46MmbMfS6I2e9lZYYfn%2Fimage.png?alt=media&#x26;token=d73e4c5a-6c06-44e9-ba0d-a00e5111dd40" 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="https://3312042618-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9sVaJpWJhPbmscipukhh%2Fuploads%2FomIJOLt4UNkb3G98kYBx%2Fimage.png?alt=media&#x26;token=61d32085-1e71-40a5-a734-0641bcf648ca" 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="https://3312042618-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9sVaJpWJhPbmscipukhh%2Fuploads%2Fn6Tst7sJZHnogWx9KHRc%2Fimage.png?alt=media&#x26;token=2af193d5-f9a7-4cd4-aa71-3a192d1786b0" 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 %}