CSS过渡

transition过渡

过渡动画：是从一个状态渐渐的过渡到另外一个状态

transition：要过渡的属性 花费时间 运动曲线 何时开始；

1.属性：宽度、高度、内外边距。一般使用all，表示所有属性都有

2.花费时间：单位是秒 需要要写 如0.5s

3.运动曲线：ease（默认值）慢速开始然后变快，慢速结束

linear 匀速；ease-in 慢速开始；ease-out慢速结束；ease-in-out 慢速开始和结束；

4.何时开始：单位是秒

0 （默认值）元素过渡效果立即执行

正值：过了设置时间才会触发过渡效果

负值：从该时间点显示，之前的会被截断

z-index属性：

z-index：0；（默认值）

z-index值大的会覆盖在值小的前面；

未设置绝对定位时，z-index是0；

设置了绝对定位时的堆叠环境，层的位置由z-index的值决定；

透明度：

opacity：.5；半透明；IE低版本不支持

filter:alpha(opacity=.5) IE低版本支持

值为0-1；值越小越透明；