css 我如何创建一个圆形从一个div的顶部切出沿着阴影的div

dgiusagp  于 2023-05-02  发布在  其他
关注(0)|答案(1)|浏览(81)

我想实现这种类似的剪切效果,有人能帮忙吗?

m4pnthwp

m4pnthwp1#

您可以考虑使用SVG来绘制形状

<script src="https://cdn.tailwindcss.com"></script>

<style type="text/tailwindcss">
body {
  background-color: theme(colors.slate.800);
}
</style>

<svg height=200 width=500 viewBox="0 0 500 200" class=m-5>
  <path d="M1 200V21a20 20 90 0120-20H180a20 20 90 0120 20 50 50 180 00100 0 20 20 90 0120-20H479a20 20 90 0120 20V200" stroke=2 class="stroke-slate-100 fill-slate-900"/>
</svg>

相关问题