鼠標 hover時盒子陰影效果，凸起效果_ box-shadow的應用

盒子陰影

 <div class="test-shadow"></div>
<style>
   .test-shadow{
        background-color: rgb(180, 224, 241);
        width: 200px;
        height: 300px;
        margin-top:30px;
    }
    .test-shadow:hover{
        margin-top: 0px;/*和hover的margin-top有對比，原無30,現在0，相當於上移了,30px*/
        box-shadow: 0 0 20px 2px #918f8f;/*盒子陰影*/
        transition: all 0.5s;/*持續時間*/
    }
</style>