关于动画的基础知识

在写页面时，我们经常遇到一些动画的特效，所以我再次梳理了一些动画的知识点。

        transform 动画的一个属性，可以同时使用多个效果，不过要用空格隔开。                                                       translate(x,y),translateX(x),translateY(y);                                                                        移动：沿着x轴或y轴移动。为正值则向右移动，负值向左移动。                                                       缩放：x,y是指缩放倍数，在x轴方向上，或在y轴方向上缩放。                                                                               scale(x,y) scaleX(x)   scaleY(y);                                                                                    扭曲：使元素在水平方向和垂直方向上扭曲                                                                                                              skew(x,y)  skewX(x)  skewY(y)                                                                                 旋转：x为正则顺时针方向旋转。为负则逆时针方向旋转。                                                               transition 可以同时使用多个效果，不过要用空格隔开。；

        transition-property:none/all/index                                                                                                         当一个元素其中一个属性改变时执行transition的效果                                                                         transition-duration：time；                                                                                                                 元素变化的时间；                                                                                                                                 transition-timing-function:ease/linear/ease-in/ease-out/                                                                    根据时间地推移改变属性值的变化频率。                                                                                          transition-delay:time;                                                                                                                          动画开始的延长时间                                                                                                                      transtion需要事件触发，所以没法在网页加载时自动发生。且其是一次性的，不能重复发生，除非在次触发。transition只能定义开始状态和结束状态，不能定义中间状态。一条transition只能定义一个属性的变化，不能涉及多个属性。