box-shadow內陰影的使用

實現如圖文本框邊上的內陰影，不需要切背景圖

css如下

.i-box-m {
    background-color: #eb5450;
    border-radius: 0.4rem;
    box-shadow: inset -5px 5px 5px #cc4845, inset -5px -5px 5px #f7726f, inset 5px -5px 5px #cc4845, inset 5px 5px 5px #bc4240;
    padding: 0.5rem 0;
}

重點是這行代碼

 box-shadow: inset -5px 5px 5px #cc4845, inset -5px -5px 5px #f7726f, inset 5px -5px 5px #cc4845, inset 5px 5px 5px #bc4240;

inset 為內陰影