Solution: Create a pause screen


show more Solution: Create a pause screen provides you with in-depth training on Developer. Taught by Justin Putney as part of the HTML5 Projects: Creating a Responsive Presentation show less
please wait ...

Solution: Create a pause screen

Here's the solution I came up with. It is in the browser right now. And I'm just going to hit the W key on my keyboard and then it fades to white. Hit the W key again. It comes right back. And this works on any slide. Hit the W key. And fades back in when I hit it again so the way I started to think about this was first of all what is it I'm wanting to change or hide. You know, it's easiest to just hide something and display what's behind it and so in this case, if I hid an individual slide, I'm going to see the background for the slides container, which is this gradient, and I want to go to white.

Well, what's white? Well, the body by default of the HTML document is white, and that's sitting behind that. So why don't I just go ahead and hide the whole slide container, that's simpler. So I was kind of working with that thought to begin with. And one of the first things I needed to do was get the key code for the W key. So I came back down here to the type some...

Solution: Create a pause screen
Video duration: 3m 25s 1h 25m Intermediate

Viewers:

Solution: Create a pause screen provides you with in-depth training on Developer. Taught by Justin Putney as part of the HTML5 Projects: Creating a Responsive Presentation

Subjects:
Developer Web
Software:
HTML CSS
Author:
please wait ...