7_hover鼠标触碰和设置透明度

一、hover

       原本是a标签上的一个伪类
       由于其特殊性质  （鼠标悬停触发）
       我们可以使用其进行一系列特效的设置

       标签使用 hover
           只能触发自身 以及  后代的效果

/* 动画过渡时间
当css属性值发生改变时
让改变以规定的时间执行、
单位 s
*/
transition: 0.5s;

二、opacity 透明度

      设置标签透明度
      没有单位
         取值范围  0~1
         0  完全透明
         1  完全不透明

    opacity  和 display 的区别
    共同点
       隐藏
           opacity:0;
           display:none;
       显示
           opacity:1;
           display:block;
    区  别
       opacity  并不能让盒子消失  只是变透明了
                可以设置过渡动画
       display  直接让盒子消失
                不可以设置过度时间