HTML and CSS Reference
="rotateY(" + value + "deg)";
The range control was created with a minimum value of −180 and a maximum of 180. The rotateImage()
function is called whenever this value changes and simply calls the rotateY() function passing in the selected
value. As you slide the range control you should see the image rotate as demonstrated in Figure 4-15 .
Figure 4-15. The rotated phonebooth - in 3D!
the image with CSS because that is considered content, not format. However, you can change the background
image and you'll take advantage of that to achieve the animation effect.
he aside element has a div defined as:
Because there is no content or size defined, it has no effect on the page layout, currently. Now you'll use the
animation feature in CSS3 to iterate through various images that illustrate the phases of the moon.