1.给图片父元素添加渐变效果,定位将图片权重降低,达到类似蒙版效果
![](https://www.icode9.com/i/l/?n=22&i=blog/2658365/202202/2658365-20220226111953316-1625192548.png)
2.镜像渐变效果
-webkit-box-reflect:below 0 -webkit-linear-gradient(transparent,transparent 50%,rgba(255,255,255,.3));
资料:https://www.w3cschool.cn/css3/box-reflect.html;
![](https://www.icode9.com/i/l/?n=22&i=blog/2658365/202202/2658365-20220226112243918-1186450988.png)
标签:box,渐变,reflect,webkit,c3,镜像,transparent,255
来源: https://www.cnblogs.com/ysx1129/p/15938811.html