图片景深效果

效果如图展示

 主体结构

        这个deom很简单，是需要把图片放上去，文字也只是提示一下，没有多余的布局，重点在js部分，主体结构代码如下

 <div class="container">
        <div><img src="../img/1.png" alt=""></div>
        <div><img src="../img/2.png" alt=""></div>
        <div><img src="../img/3.png" alt=""></div>
        <div><img src="../img/4.png" alt=""></div>
        <div><img src="../img/5.png" alt=""></div>
        <div><img src="../img/6.png" alt=""></div>
    </div>
    <h3>请在图片上左右移动鼠标查看效果</h3>

css部分

      在图片插