vue的动画transition

transition的属性及值

1：transition-property:

		指过渡属性的名称 
		它的默认值为all （表示所有可被动画的属性都表现出过度动画）
	 	可指定多个property； none：没有过度动画；
		 all：所有可被动画的属性都表现出过度动画； 
		ident：属性名称（可以指定多个）

2：transition-duration:

 属性以秒或毫秒为单位指定过度动画所需的时间。
 默认值为0s，表示不出现过渡动画。
 可以指定多个时长。
 属性值：以秒或者毫秒为单位 不接受负值，必须带单位。

3：transition-timing-function:

默认值：ease

css属性受到transition的影响，会产生不断变化的中间值，
而css transition-timing-function属性用来描述 这个中间是怎样计算的。
实质上，通过这个函数会建立一条加速度曲线，因此在整个transition变化过程中，
变化速度可以不断改变。

可以规定多个timing function,通过使用transition-property属性，可以根据主列表（transition-property的列表）给每个css属性应用相应的timing function