Как при нажатии на картинку сделать так, чтобы она оставалась светлой, а которые с ней в блоке затемнялись?

Question

[mary000]

Как в css при нажатии на картинку сделать так, чтобы она оставалась светлой, а которые с ней в блоке затемнялись?

Comments

[Антон Литвиненко]

overlay

Answer 1

[SuperToster]

<ul>
  <li><img src="https://picsum.photos/150/150" alt></li>
  <li><img src="https://picsum.photos/150/150" alt></li>
  <li><img src="https://picsum.photos/150/150" alt></li>
  <li><img src="https://picsum.photos/150/150" alt></li>
  <li><img src="https://picsum.photos/150/150" alt></li>
</ul>

ul {
  display: inline-flex;
}

ul:active li:not(:hover) {
  filter: brightness(40%)
}