From the course: reveal.js: Online Presentations

Unlock the full course today

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

Using background colors and images

Using background colors and images

From the course: reveal.js: Online Presentations

Start my 1-month free trial

Using background colors and images

The default reveal.js template comes with a background gradient. You can easily change that with some HTML5 data attributes, so let's take a look. So, first I'm going to go back into my project, and I'm going to delete those extra section tags. That makes these two slides be two vertical slides, which we did in the previous movie. And. This will make them back into individual slides, that happen one right after the other. And I'm also going to get rid of this video right here, it may cause some auto-playing of video as we go through the slides. So it will be easier if we just get rid of it for now. So I'm going to save this and come back here. So we've got this picture of the golden gate bridge, let me show it to you. I'm going to refresh. And then just go through my slides. So when I get to this point I get a picture of the Golden Gate bridge but the picture's kind of a little bit small. If you want to you can make this picture be full screen by using a background image as the…

Contents