Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Loading…

@keyframe support #71

Merged
merged 1 commit into from

2 participants

@wookiehangover

This patch adds @keyframe support. Not sure if this is a welcome addition, but I needed it so why not share.

Thanks!

@paulirish
Owner

sure!

thxthx

@paulirish paulirish merged commit 01dd55e into from
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Commits on Oct 19, 2011
  1. @wookiehangover

    adding @keyframe

    wookiehangover authored
This page is out of date. Refresh to see the latest.
Showing with 43 additions and 1 deletion.
  1. +43 −1 index.html
View
44 index.html
@@ -191,6 +191,48 @@
<pre class="rule comment commentclose"><span class="comment">/* */</span></pre>
</div>
+<div id="box_bgsize" class="rule_wrapper commentedout">
+ <pre class="rule comment">/* <a class="cb">[to clipboard]</a> <a class="off">[toggle rule off]</a> <span class="endcomment">*/</span></pre>
+ <pre class="rule">
+@keyframe {
+ @-webkit-keyframe <b g="0">MyFrame</b> { <span class="comment">/* Saf5, Chrome<span class="endcomment">*/</span></span>
+ <b g="1">1%</b> {
+ <b g="2">opacity</b>: <b g="3">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</b>;
+ }
+ }
+ @-moz-keyframe <b g="0">MyFrame</b> { <span class="comment">/* FF5+ <span class="endcomment">*/</span></span>
+ <b g="1">1%</b> {
+ <b g="2">opacity</b>: <b g="3">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</b>;
+ }
+ }
+ @keyframe <b g="0">MyFrame</b> {
+ <b g="1">1%</b> {
+ <b g="2">opacity</b>: <b g="3">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</b>;
+ }
+ }
+}</pre>
+ <pre class="rule comment commentclose"><span class="comment">/* */</span></pre>
+</div>
+
+
<pre class="rule footer"><span class="comment">
@@ -260,4 +302,4 @@
<script>var _gaq=[['_setAccount','UA-15142720-1'],['_trackPageview']];(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;g.src='//www.google-analytics.com/ga.js';s.parentNode.insertBefore(g,s)}(document,'script'));</script>
</body>
-</html>
+</html>
Something went wrong with that request. Please try again.