Skip to content

Instantly share code, notes, and snippets.

@yhatt
Created August 27, 2021 21:00
Show Gist options
  • Save yhatt/a5bd3ad18304214a6d2d0a30e7ba13b2 to your computer and use it in GitHub Desktop.
Save yhatt/a5bd3ad18304214a6d2d0a30e7ba13b2 to your computer and use it in GitHub Desktop.
Experimental transitions for Marp CLI
title _class theme style marp
Marp CLI experimental transitions
lead gaia
gaia
pre { font-size: 60px; }
true

Marp CLI experimental

Transitions 🪄


bg opacity

Fade transition

transition: fade

bg opacity

Cover transition

transition: cover

bg

Reveal transition

transition: reveal

bg

Implode transition

transition: implode

bg

Explode transition

transition: explode

It's going to become an experimental option of Marp CLI.

marp --template bespoke --bespoke.transition ./transition.md

Transitions are using Shared Element Transition API proposal, and working only in Marp CLI preview mode --preview and supported browsers like Chromium with enabled documentTransition API from about://flags or Origin Trials.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment