在本文中，我们将学习如何使用 CSS 将图像或视频放置在剪影中。在此之前，让我们简要定义一下剪影。它基本上是任何人、动物的图像，也可以是由纯色板表示的任何对象。一般来说，它是黑色的。基本上，我们将在本文中做的事情，我们将放置或插入任何所需的图像或视频，然后我们将实现一个效果，使我们的图像仅以剪影的纯色显示。我们可以使用称为 mix-blend-mode的简单 CSS 属性轻松完成此操作。
为了在剪影中放置任何图像或视频，请确保我们拥有所需的图像和视频文件以及我们将放置它们的剪影。让我们从一个循序渐进的过程开始。
示例：创建一个 HTML 文件并添加以下代码行。
HTML
Image inside the Silhouette
输出：在这种情况下，我们可以看到花哨的形状被用作剪影图像。所以，这就是我们如何将图像添加到剪影中。现在，对于添加视频或 gif，我们不需要做任何额外的工作，我们只需要在现有文件中添加更多的 HTML 和 CSS。