Rich Animation Using CSS in WebKit

Tuesday, February 10, 2009 around 9 pm mountain time

Pretty impressive, but a little kludgy. Sample CSS:

/* Rotates a leaf from -50 to 50 degrees in 2D space */
@-webkit-keyframes clockwiseSpin
{
/* Rotate a leaf by -50 degrees in 2D space at the start of the animation */
0% { -webkit-transform: rotate(-50deg); }
/* Rotate a leaf by 50 degrees in 2D space at the end of the animation */
100% { -webkit-transform: rotate(50deg); }
}

We’ll see this in IE29.

(via)

This entry was posted on Tuesday, February 10th, 2009 at 9 pm and is filed under css, links.

No comments

Jump to comment form | Comments RSS | Trackback URI

Have your say

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>




Safari hates me
«
»