slidev-transitions

Add slide transitions to Slidev presentations by defining them in YAML frontmatter. Apply a global transition across all slides or override it per slide to control how content enters and exits during your narrative flow.

Slidev offers built-in transition presets including fade, slide-left, slide-right, slide-up, and slide-down. These standard CSS animations provide immediate directional movement without requiring custom styling.

Yes, Slidev supports the View Transitions API for modern browsers to create cross-slide effects. This enables sophisticated view-based transitions that smoothly animate elements between different presentation slides.

No extra dependencies are required to create custom CSS transitions in Slidev. You only need standard Slidev, YAML frontmatter, and CSS to define and manage unique animations for your technical or creative slide decks.

Apply a global transition by adding the transition property to your presentation's main frontmatter. Specify per-slide transitions by inserting YAML frontmatter between individual slides to override the default global animation.

The best way to emphasize key moments in a Slidev deck is by using per-slide inline transitions. Tailoring motion for specific content creates a polished narrative that highlights important information as it enters and exits.