transform呈现的是一种变形结果，而transition呈现的是一种过渡，通俗点说就是一种动画转换过程，如渐显、渐弱、动画快慢等。transition和transform是两种不同的动画模型。
transition属性是一个简写属性，用于设置四个过渡属性
transition-property ：指定要过渡的css属性
transition-duration： 指定完成过渡花费的时间
transition-timing-function： 指定速度效果的速度曲线
transition-delay：指定过渡效果何时开始
transition-property:all | none | <property>[<property>]
transiton-duration:<time>[,<time>]
<time>用于指定多度持续的时间，默认值为0，如果存在多个属性值，以逗号“,”隔开
transition-delay:<time>[,<time>]
<time>用于指定多度持续的时间，默认值为0，如果存在多个属性值，以逗号“,”隔开
transition-timing-function:linear | ease | ease-in | easse-out | ease-in-out | cubicbezier(x1,y1,x2,y2)[,linear | ease-in | easse-out | ease-in-out |cubicbezier(x1,y1,x2,y2)]
例如：
