Transitions

There is a built-in engine for transitions between slides in RevealJS

.slide

# Hey, I am blue <!-- .element: style="color:blue" -->

---
<!-- .slide: data-transition="zoom" -->

# Hey, I am red <!-- .element: style="color:red" -->

here on the next slide we have a line, that specifies the transition type

Full list

Name	Effect
none	Switch backgrounds instantly
fade	Cross fade — default for background transitions
slide	Slide between backgrounds — default for slide transitions
convex	Slide at a convex angle
concave	Slide at a concave angle
zoom	Scale the incoming slide up so it grows in from the center of the screen

tip

You can define you own transitions within style HTML tag. See the documentation on RevealJS