类似卡券的布局请问怎么实现？
站长
· 阅读数 5
像这种卡券的缺口请问如何实现，如果背景是纯色直接定位个纯色上去也就没啥问题，但这种背景渐变的显然不行，请巨佬贴个demo给我学习一下谢谢
回复
1个回答
test
2024-06-24
用 mask 就可以了
.card{
-webkit-mask: radial-gradient(circle at 20px, #0000 20px, red 0) -20px;
}
可以参考这篇文章：https://segmentfault.com/a/1190000039742398
还可以用这个工具 https://coupon.codelabo.cn/
回复
适合作为回答的
- 经过验证的有效解决办法
- 自己的经验指引，对解决问题有帮助
- 遵循 Markdown 语法排版，代码语义正确
不该作为回答的
- 询问内容细节或回复楼层
- 与题目无关的内容
- “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容