Transitions

Enabling transitions

When presenting, you may want to transition between slides. Enable transitions with this command:

slide-transition: true

Transition styles

The following transition styles are available:

• fade — crossfades between slides (default).
• fadeThroughColor(#000000) — fades through a color, into the next slide. Pass the color as a hex value in parentheses.
• push(horizontal|vertical|top|right|bottom|left) — the next slide pushes the previous one out of the viewport. Use horizontal or vertical (or a direction) to control the movement when advancing or going back.
• move(horizontal|vertical|top|right|bottom|left) — the next slide moves over the top of the current slide. Direction parameters work the same way as with push.
• reveal(horizontal|vertical|top|right|bottom|left) — the current slide moves away to reveal the next slide underneath. Direction parameters again control the direction of travel when moving forward or backward.

You can choose one of these transitions by specifying it in the command:

slide-transition: push(vertical)

Transition timing

You can control the duration of the transition by passing in the value in seconds:

slide-transition: fade(0.3)

Transitions on individual slides

You may also use the transition command on a single slide, for example: [.slide-transition: push(horizontal, 0.3)] or [.slide-transition: false].