HTML and CSS Reference
In-Depth Information
Figure 7.5. The Welcome screen should look like this one after you refresh your browser.
Make sure to set
display
to
none
for your Welcome screen by inserting the following
code snippet at the bottom of style.css. Hiding your Welcome screen makes creating the
Game Over screen, explained in the next step, much easier.
#screenWelcome { display: none }
Step 6: Create the Game Over screen
Ideal Game Over screens entertain and encourage players to try again. Using the same tools
from the Welcome screen, you can quickly assemble what you need to create the Game
Over screen shown in
figure 7.6
.
