css - 是否有一个 Bootstrap 类可以像我的示例一样在悬停时在我的图像下创建颜色？

Question

https://i.imgur.com/JXh5Jv1.png如您所见，悬停时有一个绿色的地下效果，它略微移动到右下角，使图像看起来像是被抬高了。有没有办法完成这与普通的 CSS 或引导程序？

我已经尝试过使用边框和背景颜色，但我无法正确使用。

标签： cssbootstrap-4

Answer 1

你正在寻找的东西是box-shadow

像这样使用它：

img {
    webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}

你可以在这里调整阴影和颜色CSS Box Shadow