HTML and CSS Reference
In-Depth Information
Figure 13-9 The sidebar “flipped” 180 degrees, so it displays in reverse.
You have control over whether the contents of an element are shown when they're viewed from the back like this,
via the backface-visibility property. By default, all transformable elements have a visible backface;
however, if you want to hide an element when it is showing its backface, you can use the following:
-webkit-backface-visibility: hidden;
In this chapter, you learned how to go beyond the traditional 2D layout of a web page and move elements in a 3D
space. The transform property has a huge amount of potential with all the 2D and 3D functions it offers. Because
this is a reasonably new CSS feature, the web is only beginning to see what creative possibilities can be made with
the power of 3D transforms.
Not all browsers support transforms, but that's not a problem; the visual effects you added in this chapter simply
don't show in nonsupporting browsers, and the content still appears perfectly readable and accessible, as it did prior
to adding these transforms.
Search WWH ::

Custom Search