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