css之过渡

过渡：就是当你在将一个元素变换成另一个元素时可以添加的效果。而过渡动画则是从一个状态渐渐的过渡到另外一个状态，经常和hover一起用，

使用语法：

transition：过渡属性 执行时间 运动曲线 何时开始
可以用此缩写来用，但也可以把属性分开来用：
-transition-property：指定用于过渡属性的名称：如：width
-transition-duration：过渡持续时间，秒
-transition-timing-function：过渡的运行曲线，默认为ease
-transition-delay：延迟执行时间，秒
注意：添加过渡元素效果的代码需要放在你想要进行过渡的元素上。就是说，希望那个元素有过渡效果就把代码添加到那个元素上去。
运动曲线有那些：
ease：默认值，逐渐慢下来
linear：匀速运动
ease-in：加速
ease-out：减速
ease—-in-out：先加速后减