Status of CSS Animation on SVG

At the SVG Face to Face in Auckland, we reviewed the latest proposal on CSS Animations on SVG.  I made a few adjustments to it and have sent it to Erik to post.

In the meantime, at SVG Open I demonstrated a prototype of how that might "feel", but it only worked on IE10.

Now it works on webkit.  I have included it here for your examination.  It is not intended for anything other than an experience for the working groups to use to evaluate the proposal.  It is far from production code.  Feel free to make any changes you would like; I am sure there are many optimizations that could be done here.

I am sending it as a thanks to all that helped with this effort.  It sure is fun seeing flaming text simply as:

.flaming
{
     dy: -10;
    -ms-animation-name: Flaming;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
}
@-webkit-keyframes Flaming
{
    from { dy: -50;}
    to {dy: 0;}
}

Received on Thursday, 26 January 2012 18:58:58 UTC