Click the button: Click to Reveal

What happens: Image and text appear gradually.

How it works: Clicking the button calls a JavaScript function which changes the Opacity by using the Transition property. These are properties in CSS3.

Hover over parts of the picture. What changes?

How it works: The onMouseOver and onMouseOut events call JavaScript functions which replace the label below the image.

Hold the left mouse button down. Do you see X and Y coordinates? These are for the point on the screen where you clicked

How it works: The onMouseDown event calls a JavaScript function that calculates and displays the coordinates. The onMouseUp event returns the label to the original, 'The Nativity.'