css 样式求助?-灵析社区

邦纳娜娜

![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241009/8788ec05b9a499d4296f16580607a42e.png) 这个效果我实在写不出来了,右上角是怎么实现的 求助 position: absolute; top: 80px; left: 15px; width: calc(100% - 30px); height: 150px; background-color: #57b6c6; background-image: linear-gradient(213deg, #6ac467 0%, #6fc96e 50%, #93ec94 100%); border-radius: 10px; z-index: 3; box-shadow: -1px 6px 9vw 5px #4cd8724d; overflow: hidden; clip-path: polygon(0% 15%, 0 0, 15% 0%, 52% 0, 63% 24%, 100% 24%, 100% 85%, 100% 100%, 85% 100%, 15% 100%, 0 100%, 0% 85%); clip-path 是有缺口的 但是。角很生硬 并没有像图片上那个圆滑有弧度

阅读量:154

点赞量:0

问AI
导师小jio
"https://codepen.io/Jin-Moriarty/pen/NWmWNVm" (https://codepen.io/Jin-Moriarty/pen/NWmWNVm) "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241009/22b35e38c56ae1c1ddac1826feb062e3.png)