微信小程序图片下边阴影

我的图片的class是imageUp

用了下面的代码就加了阴影

.imageUp:after {

    position: absolute;

    content: '';

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    box-shadow: 0px -14px 14px #fff inset;

效果如下:

}

这样的话 两边好像还有点残留的阴影多少不太好看

然后可以在原class加上scale,等于把图片放大一点

如:

.imageUp {

    scale: 1.02;

}

效果如下 左右两边的阴影就没了 

猜你喜欢

转载自blog.csdn.net/weixin_55109830/article/details/126574746
今日推荐