动画

动画，也是CSS3中提供一个功能。它和过度最大的区别是：动画可以实现更多变化，更多控制，连续自动播放等效果。要想使用动画，那么首先浏览器必须是高版本的。
首先使用动画之前，需要通过 @keyframe 来定义动画，定义好动画后，通过 animation 属性来指定动画名称即可。
定义动画时，需要告诉它这个动画将如何安完成。

1. 开始状态 from ，也可以使用 % 百分比来指定
2. 结束状态 to
   注意：要想元素具有动画效果，除了定义好动画并运用外，还需要给这个元素进行绝对定义。
   animation是动画的简写方式，它里面有很多的属性。它的语法格式为：
   animation：动画名称 持续时间 运动曲线 何时开始 播放次数 是否反方向 动画起始或者结束的状态;
   动画的名称 – animation-name:
   持续时间 – animation-duration:
   动画曲线 – animation-timing-function:
   延迟时间 – animation-delay:
   是否可以逆向播放 – animation-direction: 默认是“normal“,动画执行到最后会直接加到开始处
   alternate逆播放，动画执行到最后会反着播放。
   动画执行总人数 – animation-iteration-count:
   次数可以是整数，也可以是 infinite 表示一直循环
   动画的状态 – animation-fill-mode:
   有两个值可以指定：保持forwards，回到起始backwards
   规定动画是否正在运行或暂停 – animation-play-state:这个需要单独使用，有两个值：

• running: 运行状态，默认值
• • paused: 暂停状态
    通过各种语言能够制作出各种不同的动画来达到很美观的效果。
    一、奔跑效果

二、透视效果