Как изменить цвет фона блока div при помощи CSS?

Для изменения цвета фона блока div при помощи CSS можно использовать следующий код:

```css
div {
  background-color: #ff0000; /* здесь указывается нужный цвет фона */
}
```

Чтобы реализовать анимированное выдвижение описания товара при наведении на карточку товара на сайте, можно добавить следующий CSS код к вашему примеру:

```css
.card {
  position: relative;
}

.description {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0); /* начальный цвет фона (прозрачный) */
  transition: background-color 0.5s ease; /* добавление анимации выдвижения */
}

.card:hover .description {
  background-color: rgba(0, 0, 0, 0.5); /* цвет фона при наведении */
}
```

Этот код добавит анимированное изменение цвета фона при наведении на карточку товара. Теперь цвет фона будет меняться равномерно по всему блоку, а не только там, где есть текст.

Посмотри здесь