Html 为图像制作波浪效果

*{
框大小：边框框；
}
.集装箱{
显示器：flex；
弯曲方向：立柱；
宽度：600px；
高度：600px；
}
.形象{
背景重复：无重复；
背景大小：100%100%；
背景图像：url（'https://cdn.wallpaperhub.app/cloudcache/1/b/5/8/e/f/1b58ef6e3d36a42e01992accf5c52d6eea244353.jpg')
}
.box-1、.box-2{
显示器：flex；
弯曲方向：行；
弹性基准：50%；
}
.图像，.内容{
边框：1px纯黑；
弹性基准：50%；
}
.内容{
填充：30px；
}

我的同僚们都是精英。乌兰，不。在动物体内最微小的动物反复出现的动物性疾病，
我的同僚们都是精英。乌兰，不。在动物体内的软组织和透明组织中，微小的小盲肠反复出现的小动物。

考虑

剪辑路径

，然后简单地将图像的弹性基放大：

*{
框大小：边框框；
}
.集装箱{
显示器：flex；
弯曲方向：立柱；
宽度：600px；
高度：600px；
}
.形象{
背景大小：100%100%；
背景图像：url（'https://cdn.wallpaperhub.app/cloudcache/1/b/5/8/e/f/1b58ef6e3d36a42e01992accf5c52d6eea244353.jpg')
}
.框-1，
.框-2，
.内容{
显示器：flex；
弹性基准：50%；
}
.内容{
填充：30px；
}
/*下面是添加的代码*/
.形象{
弹性基准：70%；
}
.box-1.图像{
剪辑路径：圆形（最远侧为20%50%）；
}
.box-2.图像{
剪辑路径：圆形（最远一侧为80%50%）；
}

我的同僚们都是精英。乌兰，不。在动物体内最微小的动物反复出现的动物性疾病，
我的同僚们都是精英。乌兰，不。在动物体内的软组织和透明组织中，微小的小盲肠反复出现的小动物。

考虑

剪辑路径

，然后简单地将图像的弹性基放大：

*{
框大小：边框框；
}
.集装箱{
显示器：flex；
弯曲方向：立柱；
宽度：600px；
高度：600px；
}
.形象{
背景大小：100%100%；
背景图像：url（'https://cdn.wallpaperhub.app/cloudcache/1/b/5/8/e/f/1b58ef6e3d36a42e01992accf5c52d6eea244353.jpg')
}
.框-1，
.框-2，
.内容{
显示器：flex；
弹性基准：50%；
}
.内容{
填充：30px；
}
/*下面是添加的代码*/
.形象{
弹性基准：70%；
}
.box-1.图像{
剪辑路径：圆形（最远侧为20%50%）；
}
.box-2.图像{
剪辑路径：圆形（最远一侧为80%50%）；
}

我的同僚们都是精英。乌兰，不。在动物体内最微小的动物反复出现的动物性疾病，
我的同僚们都是精英。乌兰，不。在动物体内的软组织和透明组织中，微小的小盲肠反复出现的小动物。

回答得不错，你能看看这里并告诉我为什么图像的各个角落是分开的吗？我想要连接的边界。Thanks@Asking因为我给出的解决方案是你设定的宽度。它没有反应。。检查更新是否有响应解决方案存在使边框更圆的可能性？@Asking根据需要调整值，直到获得所需结果。尝试此剪辑路径：圆（计算时为600px（100%-600px）75%）；，但是它没有以正确的方式绕过边界回答得好，你能看看这里，告诉我为什么图像的各个角落是分开的吗？我想要连接的边界。Thanks@Asking因为我给出的解决方案是你设定的宽度。它没有反应。。检查更新是否有响应解决方案存在使边框更圆的可能性？@Asking根据需要调整值，直到获得所需结果。尝试此剪辑路径：圆（计算时为600px（100%-600px）75%）；，但它并没有以正确的方式绕过边界