Merge pull request paulirish#93 from miketaylr/dashodashanimation

Add -o-keyframes and -o-animation (Opera 12+)
callumlocke · Mar 26, 2012 · dbd76c1 · dbd76c1
2 parents 0527f7f + d17bad8
commit dbd76c1
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -241,6 +241,7 @@ <h1>
   -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 @@ <h1>
   <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>