17-过渡动画

：hover 鼠标放置的变化

一、 过渡效果

1、综合性过渡效果设置：
transition: 过渡属性 过渡时间；

2、详细过渡效果设置：
transition-property ： 设置具有过渡效果的属性
transition-duration： 设置过渡的时间长度
transition-timing-function：整个过渡动画的变化速度
ease（默认值）：从慢到快再慢
linear：设置线速度
ease-in：从慢到快的过程
ease-out：从快到慢的过程
cubic-bezier：自定义，通过浏览器进行调节获取贝塞尔曲线
transition-delay：设置延迟时间

3、希望多个属性有过渡效果：
transition-property：属性1，属性2；
transition-duration：2s，10s；（单独设置）

4、一次性设置所有都需要的属性：
transition-property：all；

二、小米悬浮效果
box-shadow: 0px 5px 10px #999 向下浮动
加上过渡效果transition