Game Development Reference
In-Depth Information
In this case, the shadow is intended to convey the effect that the tracks are pressed
in into the page, which is done by using the attribute that places the shadow inside
the box. If the shadow is placed outside the box, the effect given is that of the box
being stacked over the page.
The white line on the bottom of each track is just a bottom border, but the same effect
could have been accomplished by adding a second box shadow.
The border radius
Before the border radius property was available, the same effect it provides could be
achieved by positioning images of rounded corners to the corners of elements. This
was a tedious task to do and the final effect was rarely as impressive as intended.
With the CSS3 border radius property, we can apply an arbitrary amount of round-
ness to one or more corners of a
container
element.
