用filter中的drop-shadow给阴影赋颜色
将图片左移宽度的距离,增加的阴影右偏移宽度+1
以图片宽度0.16rem为例
.img{
display: block;
width: .16rem;
translate: -.16rem;
filter: drop-shadow(.17rem 0 0 white);
}
隐藏原图片,只展示阴影部分
.img-box{
width: .16rem;
overflow: hidden;
}
图片展示代码
<div className="img-box">
<img src="" alt="" className="img" />
</div>