我正試圖在CSS中給一個圖像做一個尖角。我該怎么做有什么想法嗎？

示例:

我試圖使它與邊界半徑屬性，但它不適合我。

img {
  background: yellow;
  width: 200px;
  height: 200px;
  border-radius: 50% 50% 0 0/100% 100% 0 0;
}

<img >

CSS掩碼可以近似為:

img {
  --g: #000 100%,#0000 101%;
  -webkit-mask:
    radial-gradient(130% 100% at 130% 100%,var(--g)) top left/ 50% 80%,
    radial-gradient(130% 100% at -30% 100%,var(--g)) top right/50% 80%,
    linear-gradient(#000 0 0) bottom/100% 20%;
  -webkit-mask-repeat: no-repeat;
}

<img src="https://picsum.photos/id/1069/300/250">