Как сделать такие уголки на css?
Псевдоэлементами с радиальным градиентом
По аналогии с https://codepen.io/AnnaSummer/pen/GRyVzeY
На данный момент мой пример не работает. Но заработает, когда селектор has будет поддерживаться браузерами.
li {
  background-color: gray;
}
li:hover {
  background-color: white;
  border-radius: 10px 0 0 10px;
}
li:hover + li {
  border-radius: 0 10px 0 0;
}
li:has(+ li:hover) {
  border-radius: 0 0 10px 0;
}