WebKit CSS3 动画基础

 前几天在Qzone上看到css3动画，非常神奇，所以也学习了一下。

首先看看效果

http://webdeveloperjuice.com/demos/css/css3effects.html

很悲剧的是css3动画现在只有WebKit内核的浏览器（Safari和Chrome）支持，虽然应用还不是时候，但是效果却不可低估。

在哪里定义动画效果？

css3动画一般通过鼠标事件或者说状态定义动画，通常我们可以用CSS中伪类和js中的鼠标事件来定义。