Question

The right side of the image is the problem, I can t make the border a wave like it. I want it to curve but not symmetrically.

这是最接近的I got():

.box {
  --mask:
    radial-gradient(223.61px at calc(100% - 300.00px) 50%,#000 99%,#0000 101%) 0 calc(50% - 200px)/100% 400px,
    radial-gradient(223.61px at calc(100% + 200.00px) 50%,#0000 99%,#000 101%) calc(100% - 100px) 50%/100% 400px repeat-y;
  -webkit-mask: var(--mask);
          mask: var(--mask);
}

Answer 1

回答说,你可以按照建议行事,并且仍然能够作出反应。下面是形象的坏截断版,但是如果你喜欢的话,它可能只是一个 p,而不是一个 s。

https://codepen.io/Luke-Johns-lukeybytes/pen/mdorwbp”rel=“nofollow noreferer”>https://codepen.io/Luke-Johns-lukeybytes/pen/mdorwbp

img {
  border-radius: 4em 0 0 4em;
  -webkit-mask-position: left;
  mask-position: left;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -o-object-fit: contain;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  height: 100%;
  width: 100%;
  mask-image: url("https://i.imgur.com/rpQx3lV.png");
}

在我的经验中,我发现,光彩的 s子可能只是一点更多的ug,而不用说你可以这样说。只要猪和猪的黑人想要抹掉形象,就应当做罚款。

Answer 2

Try to use pornography-image property: https://developer.mozilla.org/en-US/docs/Web/CSS/mask-image

你们可以使用一种 image光形象,掌握你们所需要的准确形象。

友情链接