css div 一个缺角的写法 和一个透线写法

Question

想问一下这个红箭头指的地方用css 怎么写 这个小细节如何实现比较好 呢 能贴css代码最好

Answer 1

参考这个 css3实现优惠券效果（向内凹的圆）_pinena的博客-CSDN博客_css 优惠券内凹 背景色和自身（优惠券）的颜色会改变，实现向内凹的圆效果，效果图如下。如果叫设计师切好几十种背景图是很不现实的，只能用代码来实现，性能会比较好。随着背景色的改变，向内凹圆的背景色也要跟着变，因此，向内凹陷的部分只能设置成透明。实现如下三种情况：1、第一种情况（纯色）自身（优惠券）的颜色是纯色的，这个实现起来比较简单，主要代码如下：<div class="box">... https://blog.csdn.net/pinena/article/details/89708024