How to make shadow on border-bottom?

前端 未结 6 1939
不知归路
不知归路 2020-12-28 11:56

I need to apply the border shadow on border-bottom by CSS3. I just want to apply CSS3 shadow on bottom. Is this possible?

6条回答
  •  清歌不尽
    2020-12-28 12:24

    I'm a little late on the party, but its actualy possible to emulate borders using a box-shadow

    .border {
      background-color: #ededed;
      padding: 10px;
      margin-bottom: 5px;
    }
    
    .border-top {
      box-shadow: inset 0 3px 0 0 cornflowerblue;
    }
    
    .border-right {
      box-shadow: inset -3px 0 0 cornflowerblue;
    }
    
    .border-bottom {
      box-shadow: inset 0 -3px 0 0 cornflowerblue;
    }
    
    .border-left {
      box-shadow: inset 3px 0 0 cornflowerblue;
    }
    border-top
    border-right
    border-bottom
    border-left

    EDIT: I understood this question wrong, but I will leave the awnser as more people might misunderstand the question and came for the awnser I supplied.

提交回复
热议问题