css3动效最关键的三个属性就是这三位爷了transition，transform，animation。第一位控制过渡，第二位控制元素基础变化，第三位控制动画关键帧。

所有transform的计算都是通过Matrix的原理来实现的，2D为三阶矩阵，3D为四阶矩阵，要是一个矩阵发生变化只能通过与另一个矩阵发生碰撞，也就是计算的过程

矩阵的基本运算包括线性运算（加法，减法，数乘）线性运算都遵循普通线性运算的运算规则；

转置即把矩阵A的行和咧交换所产生的矩阵；

共轭和共轭转置我也不会；

除此以上要注意的是乘法：两个矩阵仅当第一个矩阵的列数和另一个矩阵的行数相等时才能定义，如mXn的矩阵和nxp的矩阵，乘积为C，C是一个mXp矩阵，

乘法的运算方式是用第一个矩阵的行乘与第二个矩阵的列，满足基本运算法则的规律。

transform-变换

skew－倾斜

scale－缩放

rotate－旋转

translate－位移

transition-过渡

transition-property :* //指定过渡的性质，比如transition-property:backgrond 就是指backgound参与这个过渡

transition-duration:*//指定这个过渡的持续时间

transition-delay:* //延迟过渡时间

transition-timing-function:*//指定过渡类型，有ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier