一个内凹优惠券样式

效果如下
一个内凹优惠券样式_第1张图片






最大难点在这里
一个内凹优惠券样式_第2张图片
既需要内凹又要透明,券整体还要有box-shadow
并且手机上div间还会可能有莫名的连接缝隙

试过伪类、纯radial-gradient + linear-gradient都不理想
看了好几个已有实现都不满足,比如
https://codepen.io/Ariex/pen/...
https://codepen.io/mudontire/...

你可能感兴趣的:(css前端vue.js)