# reveal.js - Auto Animate

### Auto-Animate Example

This will fade out

    						function Example() {
    						  const [count, setCount] = useState(0);
    						}

### Auto-Animate Example

This will fade out

This element is unmatched

    						function Example() {
    						  New line!
    						  const [count, setCount] = useState(0);
    						}

Line Height & Letter Spacing

Line Height & Letter Spacing

    						import React, { useState } from 'react';

    						function Example() {
    						  const [count, setCount] = useState(0);

    						  return (
    						    ...
    						  );
    						}

    						function Example() {
    						  const [count, setCount] = useState(0);

    						  return (
    						    <div>
    						      <p>You clicked {count} times</p>
    						      <button onClick={() => setCount(count + 1)}>
    						        Click me
    						      </button>
    						    </div>
    						  );
    						}

### Swapping list items

- One
- Two
- Three

### Swapping list items

- Two
- One
- Three

### Swapping list items

- Two
- Three
- One

### SLIDE 1

## Animate Anything

### SLIDE 2

## With Auto Animate

### SLIDE 3

## With Auto Animate

### SLIDE 3

## With Auto Animate