倒影效果可以通过在正交的平面镜上放置一个物体来实现。当光线照射到平面镜上时，会被反射回来，形成一个完美的镜像。这个镜像就像物体在水中的倒影一样，呈现出与实物相同的视觉效果。
在 CSS 中，大家可以通过使用 `倒影` 类来创建倒影效果。这个类支持多种参数，包括平面镜的坐标、物体的高度和宽度等。通过调整这些参数，大家可以创建出不同的倒影效果。
下面是一个使用 `倒影` 类创建倒影效果的示例代码：
“`html
<div class=”倒影”>
<div class=”倒影-content”>
这是一个倒影效果的内容。
</div>
</div>
在上面的代码中，大家使用了 `倒影` 类，并设置平面镜的坐标为 `(0, 0)`，物体的高度为 `100px`，宽度为 `200px`。最终生成的倒影效果如下：
“`html
<div class=”倒影”>
<div class=”倒影-content”></div>
</div>
在这个示例中，大家创建了一个 100 px × 200 px 的 `div` 元素，并将其设置为倒影效果的内容。倒影效果呈现为一个 100 px × 200 px 的圆形，类似于平面镜反射出来的镜像。
使用 `倒影` 类可以创建出很多有趣的倒影效果，例如倒影文字、倒影图片等。它们可以为网站、应用程序等带来更多的视觉吸引力和视觉效果。