Как сделать тень у элемента при наведении?

Question

[Yulia Khavaeva]

Как сделать тень при наведении на блок как здесь htmlbook.ru/index.php/practical/prognoz-pogody ? Ниже, то что я уже сверстала, но без тени.

Comments

[Froggyweb]

box-shadow наверное

Answer 1

[Антон Горецкий]

.weather__item:hover {
  box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.5);
}

Answer 2

[Рома]

https://cssgenerator.org/box-shadow-css-generator.html

потом просто задаешь блоку :hover