今天發現設計稿一個bug

啊.png

如果說圖片是一張背景偏白色的，那么這兩個按鈕就沒法看得清楚，比如下圖。

no title (1).png

所以考慮是不是對圖片或者整個card加一層上方的內陰影，使得按鈕能夠清晰的顯示出來。

代碼如下：
div上的

    .image {
        &:before {
              content:"";
              position:absolute;
              width:100%;
              height:100%;
              box-shadow:0 45px 10px 0px  rgba(76,17,17,.1) inset;   
        }
    }

效果圖如下：

no title (2).png

box-shadow參考資料： box-shadow總結(梁王的理論自習室)