##### Transitions

settings Settings arrow_drop_down

- Access1
- Profile2
- Notifications

We've made some custom animation functions that will transition your content. It's recommended to use this with our ScrollFire Plugin to make your content transition in as you scroll.

#### showStaggeredList

Use this to create a staggered reveal effect for any `UL` Tag with list items. Just make sure the list items in the `UL` are `opacity: 0; to ensure the animation works correctly.`

Option Name | Description
--- | ---
selectorOrEl | The selector or element that the transition targets.

Click Me

    <a href="#!" class="btn" onclick="Materialize.showStaggeredList('#staggered-test')">Click Me</a>

- ##### List Item 1

  This is a description

- ##### List Item 2

  This is a description

- ##### List Item 3

  This is a description

- ##### List Item 4

  This is a description

- ##### List Item 5

  This is a description

#### fadeInImage

Use this to fade in images. It also animates grayscale and brightness to give it a unique effect.

Option Name | Description
--- | ---
selectorOrEl | The selector or element that the transition targets.

Click Me

    <a href="#!" class="btn" onclick="Materialize.fadeInImage('#image-test')">Click Me</a>

add

- help_outline
- widgets
- today
- mail_outline