Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Attempting to improve the 3d transforms slide.

  • Loading branch information...
commit 62d34d4266303e367d256348082a7ac01d9aeaba 1 parent e4a2c8c
Tiffany Brown authored
8 demos/styles/transformsinaction.css
View
@@ -77,3 +77,11 @@
-ms-transition: -ms-transform 500ms linear;
transition: transform 500ms linear;
}
+
+#threeDtransformObjWrap{
+ -webkit-perspective: 1000px;
+ -o-perspective: 1000px;
+ -moz-perspective: 1000px;
+ -ms-perspective: 1000px;
+ perspective: 1000px;
+}
4 index.html
View
@@ -1595,7 +1595,9 @@
<header>
<h2>3D Transforms in action</h2>
</header>
- <div id="threeDtransformObj" class="stdemo stdemotrans"></div>
+ <div id="threeDtransformObjWrap">
+ <div id="threeDtransformObj" class="stdemo stdemotrans"></div>
+ </div>
<form id="threeDtransforms">
<p><button type="button" id="rotate3d">rotate3d</button>
<button type="button" id="scale3d">scale3d</button>
4 notes/4.html
View
@@ -13,9 +13,9 @@
<h1>Prefixes still required</h1>
<ul>
<li>Internet Explorer 10 supports some 2D transforms without a prefix.</li>
- <li>Firefox 16 will remove prefixes for transforms as well, but not available as a stable release just yet.</li>
+ <li>Firefox 16 will remove prefixes for some transforms. Available in the Aurora channel, but not yet as a release.</li>
<li>Prefixes for backward compatibility</li>
- <li>Or use something like SaSS or prefix-free</li>
+ <li>Or use something like SaSS, Compass, or prefix-free</li>
</ul>
<p><a class="big" href="5.html">NEXT</a></p>
Please sign in to comment.
Something went wrong with that request. Please try again.