CSS实现鼠标悬停效果

“`上述结构中,.image-wrapper是父容器，.overlay是默认隐藏的覆盖层，这种结构允许我们在悬停时显示额外的信息，而不仅仅是改变图片本身，CSS样式核心逻辑接下来是样式部分,这是实现视觉效果的重头戏，容器设置：父容器需要设置position: relative，并定义宽高，图片设置为width……