# {.step data-y=-1000}

## EFFETS D'ANIMATIONS

* quelques effets tout prêts sont disponibles pour animer les étapes de vos présentations
* il suffit de les appeler dans des balises `div` ou `span` (voir les exemples qui suivent)
* vous pouvez en ajouter d'autres en modifiant le fichier css

# {.step data-x=-2000 data-y=0}

#### anim-rotate-x

![](data/pampi-help/splash.png)

# {.step data-x=-1000}

![](data/pampi-help/splash.png)

Ici seule une partie du step est dans le div

# {.step data-x=0}

#### anim-rotate-y

![](data/pampi-help/splash.png)

# {.step data-x=1000}

#### anim-rotate-z

![](data/pampi-help/splash.png)

# {.step data-x=2000}

#### anim-scale

![](data/pampi-help/splash.png)

# {.step data-y=1000 data-x=-2000}

#### anim-rotate-y-infinite

![](data/pampi-help/splash.png)

# {.step data-y=2000 data-x=-2000}

#### En utilisant la balise span

* blablabla **anim-rotate-x** blablabla
* blablabla **anim-rotate-y** blablabla
* blablabla **anim-rotate-z** blablabla
* blablabla **anim-scale** blablabla
* blablabla **anim-rotate-y-infinite** blablabla

# {#overview .step data-x=0 data-y=0 data-scale=6}
