From the course: reveal.js: Online Presentations

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Changing transition styles

Changing transition styles

From the course: reveal.js: Online Presentations

Start my 1-month free trial

Changing transition styles

“

By default slides in Reveal.js have this really cool 3D transition that happens as you move between slides. It's actually a CSS transition. We can modify that if we want to. There's a couple of ways of doing that so if you want to change the way all the transitions work in your presentation. You can use the JavaScript object at the bottom of the screen so it's right here. Now there's already a place right here that shows you where you do that. If you've already installed the index.html page that comes when you download Reveal.js, you already have this code in your template. And here it's even showing you the different options. The default 3D transition is called default, but there's other ones that you can use. So let's just go ahead and switch this variable to some of the other elements. And take a look at what Reveal.js shows us. So I'm going to change this to Cube and I'll save this, go back into my presentation, and refresh my page. Now cube actually puts the presentation in this…

Contents