:表示一个或多个变换函数，以空格分开。即可同时对一个元素进行transform的多种属性操作，例如同时用rotate,scale和translate三种。
transform-origin定义的是旋转的基点，其中angle是指选择角度，正顺时针旋转，负逆时针旋转。
translate()函数可以把元素从原来的位置移动，而不影响在x，y轴上的任何web组件，类似于position:relative。
matrix(, , , , , ):以一个含六值的(a,b,c,d,e,f)变换矩阵的形式指定一个2D变换,相当于直接应用一个[a,b,c,d,e,f]变换矩阵。就是基于水平方向和垂直方向重新定位元素。
一个元素渲染后就可以得到一张位图，然后对这个位图上每一点进行变换，就可以得到新的一张位图，从而产生平移，缩放，旋转，切变及镜像反射灯效果。
矩阵乘法中，首先要确认两个矩阵是否可以相乘：只有第一个矩阵的列数等于第二个矩阵的行数，这样的两个矩阵才能相乘。
transition用来描述如何让css属性值在一段时间内平滑的从一个值过渡到另一个值。这种过渡效果可以在鼠标点击、获得焦点、被点击或对元素任何改变中触发。
transition-timing-function,在延续时间段，过渡变换的速率变化，简单理解就是指定过渡函数。
ident：元素属性名。通过ident指定具体哪些属性。如果指定的多个属性中有某个属性不能应用过渡效果，其他属性还是生效的。
过渡属性只有具备一个中点值的属性(需要产生动画的属性)才能具备过渡效果。在w3c中列出了所有可以实现transition效果的css属性值以及值的类型，点这里查看。
Note：并不是什么属性改变都会触发transiton动画效果，比如页面的自适应宽度，当浏览器改变宽度时，并不会触发transition的效果。但上述表格所示的属性类型改变都会触发一个transition动作效果。
举例：可以同时给几个属性设置动画效果，比如给height和line-height同时设置动画效果，实现div变高文字仍然垂直居中。
transition-timing-function属性指的是过渡的“缓动函数”。通过这个函数会建立一条加速度曲线，因此在整个transition变化过程中，变化速度可以不断改变。主要包括以下几种函数。
在改变多个css属性的transition效果时，把几个transition声明用逗号隔开，然后每个属性就都有各自的过渡时间和效果。
