header固定留阴影css小方法

2022-07-31  本文已影响0人  爱代码的派派星

1.在header/tabs或你需要的元素下添加一个元素

 
<shadow></shadow>

2.设置样式

 shadow::before {
    content: '';
    box-shadow: 0 0 8px 1px #ccc;
    position: fixed;
    width: 100%;
  }
  shadow::after {
    content: '';
    background: #f3f4f6;
    position: absolute;
    height: 15px;
    width: 100%;
  }
上一篇 下一篇

猜你喜欢

热点阅读