Create a 3D navigation menu with HTML

Learn how to use 3D page elements to reveal content on hover

The amount of space available for websites can often be limited, especially where the website is being used on a small screen. With the different information components in your design competing for screen space, it is important to make sure that you give each element the most appropriate placement in the design of the page or the screen. A more recent addition to the CSS specification is the use of 3D elements. We are all familiar with the default 2D presentation of webpage elements, in which we can position them on the page by using their horizontal and vertical coordinates; the 3D presentation features takes this one step further by allowing elements to be presented with depth perspective, which can then be used for rotation and making the elements appear…

You're reading a preview of

The Web Design Book (Digital) - 1 Issue, The Web Design Book Vol 6

DiscountMags is a licensed distributor (not a publisher) of the above content and Publication through Zinio LLC. Accordingly, we have no editorial control over the Publications. Any opinions, advice, statements, services, offers or other information or content expressed or made available by third parties, including those made in Publications offered on our website, are those of the respective author(s) or publisher(s) and not of DiscountMags. DiscountMags does not guarantee the accuracy, completeness, truthfulness, or usefulness of all or any portion of any publication or any services or offers made by third parties, nor will we be liable for any loss or damage caused by your reliance on information contained in any Publication, or your use of services offered, or your acceptance of any offers made through the Service or the Publications. For content removal requests, please contact Zinio.