如何使用css创建图像花哨的形状？

编程问答 2022-05-14

问题描述

如何使用 CSS 和 html5 创建花哨的形状，我有一个部分，我想在其中使用 css 创建特定的形状

这里是jsfiddle：live demo

img {
  height: 145px;
  width: 145px;
  border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
}
<div class="flex-container">
  <img src="https://i.imgur.com/xsllSKk.png" />
</div>

以下是预期结果：

enter image description here

注意：不使用遮罩。

不幸的是，我没有得到与预期相同的结果，我需要在此处更改什么才能获得与上图完全相同的结果？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

css-shapeshtml