Есть ли класс Bootstrap для создания цвета под моим изображением при наведении, как в моем примере?

Question

https://i.imgur.com/JXh5Jv1.png Как вы можете видеть здесь, при наведении курсора появляется зеленый подземный эффект, при котором он немного смещается в нижний правый угол, благодаря чему изображение выглядит как возвышенное. Есть способ сделать это с помощью обычного CSS или Bootstrap?

Я уже пытался использовать границы и цвета фона, но не могу понять это правильно.

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