Как сделать эффект затемнения в css?

Question

Caesar1337 @Caesar1337

Каким способом лучше сделать вот такой эффект? Создать блок в js и при наведении добавлять его?

1 комментарий

Подписаться 1 Простой 1 комментарий

Это работа для CSS, создается блок черного цвета с прозрачностью 0% поверх основного. При наведении прозрачность меняется на 100%.

Answer 1 · 2020-02-07 14:34:16

Простой вариант: если у вас затемняемое изображение это отдельный элемент (например #img, то расположите под ним черный фон, а на картинку навесьте

#img:hover {
opacity: 0.5
}

Больше вариантов можно легко нагуглить, например ТЫК