css3动画animation

前言

因为最近在找暑假实习，在简历中有写到熟悉css3，电话面试中有被问到动画，回答的不好，所以特此学习总结了一下，写的不好的地方还请留言指出改正…

animation比较类似于 flash 中的逐帧动画，逐帧动画就像电影的播放一样，表现非常细腻并且有非常大的灵活性。然而transition只是指定了开始和结束态，整个动画的过程也是由特定的函数控制。学习过 flash 的同学知道，这种逐帧动画是由关键帧组成，很多个关键帧连续的播放就组成了动画，在 CSS3 中是由属性keyframes来完成逐帧动画的。

1.关键帧(@keyframes)

• 关键帧(keyframes) - 定义动画在不同阶段的状态。
• css属性 - 就是css元素不同关键帧下的状态。