css3 过度 transition
过度（transition）是CSS3中具有颠覆性的特征之一，我们可以在不使用Flash动画或JavaScript 的情况下，当元素从一种样式变换到另一种样式时为元素添加的效果。
过度动画：是从一个状态渐渐的过度到另一个状态
可以让我们页面更好看，更动感十足。虽然低版本浏览器不支持（ie9以下版本）但是不会影响页面布局。
我们现在常和hover 一起搭配使用。
语法格式：
transition： 要过度的属性 花费时间 曲线运动 何时开始；
何时开始
默认0s，可以在这儿设置触发时间
案例：
<html >
<head>
<meta charset="utf-8">
<title>Document</title>
<style>
div{
width: 400px;
height: 150px;
background-color: pink;
/* transition:要过度的属性 花费时间 运动曲线 何时开始 ; */
transition: width 1s ease 2s;
}
div:hover {
width: 800px;
}
</style>
</head>
<body>
<div>
</div>
</body>
</html>