H5C3知识点今日总结

css3动画@keyframes

声明动画

@keyframes 名字 {

      from {}

      to{}

     或者:

      0% {}

      100%{}

}

使用动画

animation: 动画名称 动画执行的时间 动画曲线 动画延迟时间 播放的次数 动画的方向

动画速度曲线

linear                          动画从头到尾的速度是相同的

ease                           默认。动画以低速开始，然后加快，在结束前变慢。

ease-in                       动画以低速开始。

ease-out                     动画以低速结束。

ease-in-out                 动画以低速开始和结束。

cubic-bezier(n,n,n,n)  在 cubic-bezier 函数中自己的值。可能的值是从 0 到 1 的数值。

动画执行次数

n            定义动画播放次数的数值

infinite   规定动画应该无限次播放。