Slide transitions

Transitions add a dynamic touch to your slides. You can specify the transition effect for your slides using the transition property. Demo Time supports various transitions, including:

• fadeIn
• slideRight
• slideLeft
• slideUp
• slideDown
• zoomIn
• zoomOut
• rotateIn
• rotateOut

Tip

You can change the transition effect duration by setting the --demotime-transition-duration CSS variable in your custom CSS file.

Example

---
transition: fadeIn
---

# Welcome to Demo Time!

This will apply a fade-in transition to the slide when it is displayed.