Permalink
Browse files

Add details on Firefox 16

This will make it easier for us to remove the old -moz-prefixed properties
once Firefox 16 ships.
  • Loading branch information...
mathiasbynens committed Jul 21, 2012
1 parent b911dbd commit e1ade3e3fdd587c2b6bfc516f3ad7a3181b188b8
Showing with 12 additions and 11 deletions.
  1. +1 −1 css/build.css
  2. +1 −1 css/build.min.css
  3. +9 −8 index.html
  4. +1 −1 javascript/build.js
View
@@ -1,4 +1,4 @@
-/*! css3please.com | 2012-07-11 15:45:57 */
+/*! css3please.com | 2012-07-21 20:04:19 */
html, body {
padding:0;
View

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.
View
@@ -85,9 +85,9 @@ <h1>
background-color: <b g="0" i="lHex">#444444</b>;
background-image: -webkit-gradient(linear, left top, left bottom, from(<b g="0" i="lHex">#444444</b>), to(<b g="1" i="lHex">#999999</b>)); <span class="comment">/* Saf4+, Chrome <span class="endcomment">*/</span></span>
background-image: -webkit-linear-gradient(top, <b g="0" i="lHex">#444444</b>, <b g="1" i="lHex">#999999</b>); <span class="comment">/* Chrome 10+, Saf5.1+, iOS 5+ <span class="endcomment">*/</span></span>
- background-image: -moz-linear-gradient(top, <b g="0" i="lHex">#444444</b>, <b g="1" i="lHex">#999999</b>); <span class="comment">/* FF3.6+ <span class="endcomment">*/</span></span>
+ background-image: -moz-linear-gradient(top, <b g="0" i="lHex">#444444</b>, <b g="1" i="lHex">#999999</b>); <span class="comment">/* Firefox 3.6-15 <span class="endcomment">*/</span></span>
background-image: -o-linear-gradient(top, <b g="0" i="lHex">#444444</b>, <b g="1" i="lHex">#999999</b>); <span class="comment">/* Opera 11.10+ <span class="endcomment">*/</span></span>
- background-image: linear-gradient(to bottom, <b g="0" i="lHex">#444444</b>, <b g="1" i="lHex">#999999</b>);</span>
+ background-image: linear-gradient(to bottom, <b g="0" i="lHex">#444444</b>, <b g="1" i="lHex">#999999</b>); <span class="comment">/* Firefox 16+ <span class="endcomment">*/</span></span>
}</pre>
<pre class="rule comment commentclose"><span class="comment">/* */</span></pre>
</div>
@@ -111,10 +111,10 @@ <h1>
<pre class="rule">
.box_rotate {
-webkit-transform: rotate(<b g="0">7.5</b>deg); <span class="comment">/* Saf3.1+, Chrome <span class="endcomment">*/</span></span>
- -moz-transform: rotate(<b g="0">7.5</b>deg); <span class="comment">/* FF3.5+ <span class="endcomment">*/</span></span>
+ -moz-transform: rotate(<b g="0">7.5</b>deg); <span class="comment">/* Firefox 3.5-15 <span class="endcomment">*/</span></span>
-ms-transform: rotate(<b g="0">7.5</b>deg); <span class="comment">/* IE9 <span class="endcomment">*/</span></span>
-o-transform: rotate(<b g="0">7.5</b>deg); <span class="comment">/* Opera 10.5 <span class="endcomment">*/</span></span>
- transform: rotate(<b g="0">7.5</b>deg);
+ transform: rotate(<b g="0">7.5</b>deg); <span class="comment">/* Firefox 16+ <span class="endcomment">*/</span>
<span class="ie">filter: <span class="filter">progid:DXImageTransform.Microsoft.Matrix(<span class="comment">/* IE6–IE9 <span class="endcomment">*/</span></span>
<b g="0" i="matrix2deg" o="deg2matrix" readonly>M11=0.9914448613738104, M12=-0.13052619222005157,M21=0.13052619222005157, M22=0.9914448613738104</b>, sizingMethod='auto expand')</span>;</span></span>
zoom: 1;
@@ -159,9 +159,10 @@ <h1>
<pre class="rule">
.box_transition {
-webkit-transition: <b g="0">all</b> <b g="1">0.3s</b> <b g="2">ease-out</b>; <span class="comment">/* Saf3.2+, Chrome <span class="endcomment">*/</span></span>
- -moz-transition: <b g="0">all</b> <b g="1">0.3s</b> <b g="2">ease-out</b>; <span class="comment">/* FF4+ <span class="endcomment">*/</span></span>
+ -moz-transition: <b g="0">all</b> <b g="1">0.3s</b> <b g="2">ease-out</b>; <span class="comment">/* Firefox 4-15 <span class="endcomment">*/</span></span>
-o-transition: <b g="0">all</b> <b g="1">0.3s</b> <b g="2">ease-out</b>; <span class="comment">/* Opera 10.5+ <span class="endcomment">*/</span></span>
- transition: <b g="0">all</b> <b g="1">0.3s</b> <b g="2">ease-out</b>;
+ transition: <b g="0">all</b> <b g="1">0.3s</b> <b g="2">ease-out</b>
+ ; <span class="comment">/* Firefox 16+ <span class="endcomment">*/</span>
}</pre>
<pre class="rule comment commentclose"><span class="comment">/* */</span></pre>
</div>
@@ -228,9 +229,9 @@ <h1>
<pre class="rule">
.box_animation&#58;hover {
-webkit-animation: <b g="0">myanim</b> <b g="8">5s</b> infinite; <span class="comment">/* Saf5, Chrome <span class="endcomment">*/</span></span>
- -moz-animation: <b g="0">myanim</b> <b g="8">5s</b> infinite; <span class="comment">/* FF5+ <span class="endcomment">*/</span></span>
+ -moz-animation: <b g="0">myanim</b> <b g="8">5s</b> infinite; <span class="comment">/* Firefox 5-15 <span class="endcomment">*/</span></span>
-o-animation: <b g="0">myanim</b> <b g="8">5s</b> infinite; <span class="comment">/* Opera 12+ <span class="endcomment">*/</span></span>
- animation: <b g="0">myanim</b> <b g="8">5s</b> infinite; <span class="comment">/* Saf5, Chrome <span class="endcomment">*/</span></span>
+ animation: <b g="0">myanim</b> <b g="8">5s</b> infinite; <span class="comment">/* Saf5, Chrome, Firefox 16+ <span class="endcomment">*/</span></span>
}
@-webkit-keyframes <b g="0">myanim</b> {
View

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.

0 comments on commit e1ade3e

Please sign in to comment.