小程序 背景叠阴影

.nav-li::after {
  content: "";
  position: absolute;
  z-index: 2;
  background-color: inherit;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: -10%;
  border-radius: 10rpx;
  opacity: 0.2;
  transform: scale(0.9, 0.9);
}

:after伪元素 在.nav-li后叠加一个宽高都为100%的视图,
inherit背景颜色继承父视图颜色

posted @ 2020-06-11 16:18  qqcc1388  阅读(324)  评论(0编辑  收藏  举报