是否像我的示例中那样，在Bootstrap类中在悬停时的图像下方创建颜色？

Question

https://i.imgur.com/JXh5Jv1.png正如您在此处看到的那样，悬停上有一个绿色的地下效果，它会稍微向右下方移动，使图像看起来像是升高的。有没有办法用普通的CSS或引导程序？

我已经尝试使用边框和背景色，但是我做对了。

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

调整阴影和颜色