WebKit now supports explicit animations in CSS. As a counterpart to transitions, animations provide a way to declare repeating animated effects, with keyframes, completely in CSS. With a recent nightly build, you can see the above animation in action. Let’s take a look at how to use CSS animations, starting with an example of a bouncing box. See this example live in a recent WebKit nightly build.
![CSS Animation](https://cdn-ak-scissors.b.st-hatena.com/image/square/0b6732686e8d3dc2dbd28f2d7d657867e34dd662/height=288;version=1;width=512/http%3A%2F%2Fwebkit.org%2Fblog-files%2Fleaves-screenshot-small.jpg)