css 如何使两个图像诊断性地相互重叠以形成两个三角形?

xqkwcwgp  于 2022-11-19  发布在  其他
关注(0)|答案(2)|浏览(129)

我怎样才能只使用CSS使两张图片显示得像下面我的绘图一样?这两张照片都是完美的正方形,我知道这样做会使部分图片无法显示。这是故意的。中间差距只是我的绘图技巧不好,它不应该出现在那里。
此外,如果有可能有一个很好的褪色效果之间,他们满足,这将是更好的,但我假设CSS是没有这样的魔术。

xtfmy6hx

xtfmy6hx1#

你可以使用遮罩和CSS网格如下:
第一个

4nkexdtk

4nkexdtk2#

您必须将两个图像都包含在一个div标签中,并使用position:相对;在其上设置,并使用位置:绝对;表示使用top、right、bottom和left属性在其中定位图像。
对于图像剪辑,我建议使用剪辑路径。您可以使用像这样的在线工具轻松生成所需的代码:https://bennettfeely.com/clippy/
如果您能提供一个代码示例,它可以帮助我给予一个更具体的答案。

相关问题