Permalink
Browse files

Add px unit for perspective

Unit values are required for Firefox, and current versions of WebKit
  • Loading branch information...
1 parent 37bdeb1 commit 6000e897d93135f214d5232e81b7b415aec24a5d @desandro desandro committed Feb 6, 2013
Showing with 4 additions and 4 deletions.
  1. +4 −4 index.html
View
@@ -134,10 +134,10 @@ <h1>
<pre class="rule comment">/* <a class="cb">[to clipboard]</a> <a class="off">[toggle rule on]</a> <span class="endcomment">*/</span></pre>
<pre class="rule">
.box_3dtransforms {
- -webkit-perspective: <b g="0">300</b>; <span class="comment">/* Chrome 12+, Safari 4+ <span class="endcomment">*/</span></span>
- -moz-perspective: <b g="0">300</b>; <span class="comment">/* Firefox 10+ <span class="endcomment">*/</span></span>
- -ms-perspective: <b g="0">300</b>; <span class="comment">/* IE 10 <span class="endcomment">*/</span></span>
- perspective: <b g="0">300</b>;
+ -webkit-perspective: <b g="0">300px</b>; <span class="comment">/* Chrome 12+, Safari 4+ <span class="endcomment">*/</span></span>
+ -moz-perspective: <b g="0">300px</b>; <span class="comment">/* Firefox 10+ <span class="endcomment">*/</span></span>
+ -ms-perspective: <b g="0">300px</b>; <span class="comment">/* IE 10 <span class="endcomment">*/</span></span>
+ perspective: <b g="0">300px</b>;
-webkit-transform: rotateY(<b g="1">180</b>deg); -webkit-transform-style: preserve-3d;
-moz-transform: rotateY(<b g="1">180</b>deg); -moz-transform-style: preserve-3d;
-ms-transform: rotateY(<b g="1">180</b>deg); -ms-transform-style: preserve-3d;

0 comments on commit 6000e89

Please sign in to comment.