Прозрачность при наведении

by Qwerty_Wasd

HTML

<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
</ul>

CSS

* {
  padding: 0;
  margin: 0;
}

body {
  font: bold normal 200%/2 sans-serif;
}

ul {
  background-color: #fa5;
  display: flex;
}

li {
  text-align: center;
  flex: 1;
  list-style: none;
}

ul:hover {
  color: rgba(0, 0, 0, .2);
}

ul>li:hover {
  color: black;
}