Add slide transition in Reveal.js

You can use two method to add slide transitions. First, the global configuration method and second, specify transition in particular slide using 'data-transition' attribute

Code Structure to add global transition

Reveal.initialize({     
 transition: 'slide' // none/fade/slide/convex/concave/zoom
});

Code Structure to add particular transition

<section data-transition="zoom">
 <h2>This slide will override the presentation transition and zoom!</h2>
</section>

Author : Bibek

Share this

Related Posts