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;值越小越透明;