<meta http-equiv="pics-label" content='(pics-1.1 "http://www.icra.org/ratingsv02.html" l gen true for "http://www.apple.com" r (cz 1 lz 1 nz 1 oz 1 vz 1) "http://www.rsac.org/ratingsv01.html" l gen true for "http://www.apple.com" r (n 0 s 0 v 0 l 0))'>
<p>You can use HTML, CSS, and JavaScript to create virtual scenes in your web pages that work without any additional plug-in software. CSS transforms are used to position six images in 3D space to form a cube with the user's viewpoint inside. As you navigate, the cube is rotated to reflect the new appropriate position. Any standard web browser behaviors that would disrupt the experience — such as showing a selection color in Safari on the desktop, or the Save Image panel in Safari on iOS — can be disabled with a few additional CSS properties.</p>
<p class="aboveList">In this example:</p>
<ul class="square">
<li>CSS3 3D transforms position each side of the cube.</li>
<li>DOM touch events enable navigation on iOS.</li>
<li>Browser behaviors are disabled with <code>-webkit-user-select</code>, <code>-webkit-touch-callout</code>, and <code>webkit-tap-highlight-color</code>.</li>
<h1>You’ll need to download Safari to view this demo.</h1>
</header>
<p>This demo was designed with the latest web standards supported by Safari. If you’d like to experience this demo, simply download Safari. It’s free for Mac and PC, and it only takes a few minutes.</p>
<li class="promo"><h3>Preparing Your Web Content for iPad</h3>
<p><a href="http://developer.apple.com/safari/library/technotes/tn2010/tn2262.html">Learn how to make your website look and work great on iPad.</a></p>
<p class="cheat"><a href="http://webkit.org/">Developed by Apple, WebKit is the most advanced browser engine, drawing the web pages you see in Safari.</a></p>
<p class="gf-buy">Shop the <a href="http://www.apple.com/store/">Apple Online Store</a> (1-800-MY-APPLE), visit an <a href="http://www.apple.com/retail/">Apple Retail Store</a>, or find a <a href="http://www.apple.com/buy/locator/">reseller</a>.</p>