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>

Share this

Related Posts