前言
因为最近在找暑假实习,在简历中有写到熟悉css3,电话面试中有被问到动画,回答的不好,所以特此学习总结了一下,写的不好的地方还请留言指出改正…
animation比较类似于 flash 中的逐帧动画,逐帧动画就像电影的播放一样,表现非常细腻并且有非常大的灵活性。然而transition只是指定了开始和结束态,整个动画的过程也是由特定的函数控制。学习过 flash 的同学知道,这种逐帧动画是由关键帧组成,很多个关键帧连续的播放就组成了动画,在 CSS3 中是由属性keyframes来完成逐帧动画的。
1.关键帧(@keyframes)
- 关键帧(keyframes) - 定义动画在不同阶段的状态。
- css属性 - 就是css元素不同关键帧下的状态。