CSS 实现盒子只有底边有阴影

这里我们要用到   box-shadow  

代码如下：

.mask {
    margin: 300px ;
    width: 300px;
    height: 40px;
    border: 1px solid black;
    box-shadow: 0px -20px 30px -30px inset #000;
}

<div class="mask">

</div>

效果如下：