Browse files

Merge pull request #93 from miketaylr/dashodashanimation

Add -o-keyframes and -o-animation (Opera 12+)
  • Loading branch information...
2 parents 0527f7f + d17bad8 commit dbd76c1264ecc351c8bc3229b04b465f46d76a4c @paulirish committed Mar 26, 2012
Showing with 6 additions and 0 deletions.
  1. +6 −0 index.html
View
6 index.html
@@ -241,6 +241,7 @@
-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>
-ms-animation: <b g="0">myanim</b> <b g="8">5s</b> infinite; <span class="comment">/* IE10 <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>
}
@-webkit-keyframes <b g="0">myanim</b> {
@@ -258,6 +259,11 @@
<b g="4">50%</b> { <b g="2">opacity</b>: <b g="5">0.5</b>; }
<b g="6">100%</b> { <b g="2">opacity</b>: <b g="7">1.0</b>; }
}
+@-o-keyframes <b g="0">myanim</b> {
+ <b g="1">0%</b> { <b g="2">opacity</b>: <b g="3">0.0</b>; }
+ <b g="4">50%</b> { <b g="2">opacity</b>: <b g="5">0.5</b>; }
+ <b g="6">100%</b> { <b g="2">opacity</b>: <b g="7">1.0</b>; }
+}
</pre>
<pre class="rule comment commentclose"><span class="comment">/* */</span></pre>
</div>

0 comments on commit dbd76c1

Please sign in to comment.