要添加倒影，大家需要在CSS中使用伪元素（pseudo-elements）和transform属性。
/* 图像容器的样式 */
.image-container {
position: relative;
}
/* 创建伪元素并设为镜像 */
.image-container::after {
content: "";
position: absolute;
opacity: 0.4;
left: 0;
bottom: -20%;
width: 100%;
height: 130%;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.55) 50%, rgba(255, 255, 255, 0.9) 95%, rgba(255, 255, 255, 1) 100%);
transform: scaleY(-1) rotateX(-40deg);
transform-origin: bottom;
}
/* 调整样式以适应您的图像 */
.image-container img {
display: block;
width: 100%;
height: auto;
}上面的代码中，.image-container类表示大家的图像容器。大家创建了一个伪元素::after，并将它设为图像的镜像。大家使用opacity属性将其不透明度降低，使其看起来更自然。
大家还使用了transform属性来旋转并翻转该元素。使用transform-origin属性可以确保倒影紧贴底部。
最后，您还需要对图像样式进行设置，以确保其适合您的倒影。在此示例中，大家将图像设为100%的宽度，并自适应高度。
使用上述代码的效果如图所示：
css制作鸟，css如何引用外部，怎么用css写字体，css控制文字排列方向，闪闪发光的箭头css，css 主屏幕尺寸怎么算，springmvc中能用css吗
现在，您已经知道如何在CSS中创建一个简单的倒影了。您可以通过自定义伪元素和样式属性来调整其大小、颜色和透明度，使其更符合您的设计需求。