Permalink
Browse files

Added 3dtransforms.

  • Loading branch information...
1 parent 8c3a396 commit bc2480247dc182a9e8bbdd2c0c929a0f251a0c6c @uxder uxder committed Jan 19, 2012
Showing with 20 additions and 0 deletions.
  1. +20 −0 index.html
View
@@ -146,6 +146,26 @@
<pre class="rule comment commentclose"><span class="comment">/* */</span></pre>
</div>
+<div id="box_3dtransforms" class="rule_wrapper commentedout">
+ <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">/* Saf4+, Chrome 12+ <span class="endcomment">*/</span></span>
+ -moz-perspective: <b g="0">300</b>; <span class="comment">/* FF10+ <span class="endcomment">*/</span></span>
+ -ms-perspective: <b g="0">300</b>; <span class="comment">/* IE10+ <span class="endcomment">*/</span></span>
+ perspective: <b g="0">300</b>;
+ -webkit-transform-style: preserve-3d;
+ -moz-transform-style: preserve-3d;
+ -ms-transform-style: preserve-3d;
+ transform-style: preserve-3d;
+ -webkit-transform: rotateY(<b g="1">180</b>deg);
+ -moz-transform: rotateY(<b g="1">180</b>deg);
+ -ms-transform: rotateY(<b g="1">180</b>deg);
+ transform: rotateY(<b g="1">180</b>deg);
+}</pre>
+ <pre class="rule comment commentclose"><span class="comment">/* */</span></pre>
+</div>
+
<div id="box_transition" class="rule_wrapper ">
<pre class="rule comment">/* <a class="cb">[to clipboard]</a> <a class="off">[toggle rule off]</a> <span class="endcomment">*/</span></pre>

0 comments on commit bc24802

Please sign in to comment.