Как убрать затемнение с изображения «при наведении»?

Чтобы убрать затемнение с изображения при наведении курсора, можно использовать CSS. Для этого необходимо добавить стиль, который будет переопределять стандартные стили при наведении на изображение.

Пример кода:
HTML:

<div class="image-container">
  <img src="image.jpg" alt="Image">
</div>

CSS:

.image-container {
  position: relative;
  display: inline-block;
}

.image-container:hover img {
  opacity: 1; /* Возвращаем первоначальную прозрачность изображения */
}

.image-container img {
  opacity: 0.7; /* Устанавливаем прозрачность изображения по умолчанию */
}

В данном примере мы создаем контейнер для изображения и добавляем стили для его обертки. Когда курсор наводится на этот контейнер (.image-container:hover), мы меняем прозрачность (opacity) изображения на 1, чтобы вернуть ее к первоначальному значению и убрать затемнение.

Обратите внимание, что в данном примере используется прозрачность для создания эффекта затемнения. Вы можете регулировать значение opacity для достижения желаемого визуального эффекта.