Graphics Reference
In-Depth Information
height: auto;
margin: 0 auto;
padding: 5px;
text-align: center;
color: white;
font-family: serif;
font-size: 20px;
}
</style>
<title></title>
</head>
<body>
As you can see, there is nothing special in this CSS. The only thing that we
will do here is create a number of classes that we'll use to create a pop-up
message and hide the background. Next, we will define the HTML that is
used to create the pop ups.
5. The following snippet shows you the HTML code, which will contain the mes-
sage. Using the CSS that we previously defined we can show or hide this
element:
<!-- Lightbox to show when WebGL is
supported or not-->
<div id="lightbox"
class="white-content">
<div class="big-message" id="message">
</div>
<a href="javascript:void(0)"
onclick="hideLightbox()">Close</a>
</div>
<div id="fade"
class="black_overlay"></div>
