<ul class="menu">
  <li>
    <span>item</span>
  </li>
  <li>
    <span>item</span>
  </li>
  <li>
    <span>item</span>
  </li>
  <li>
    <span>item</span>
  </li>
  <li>
    <span>item</span>
  </li>
  <li>
    <span>item</span>
  </li>
  <li>
    <span>item</span>
  </li>
</ul>

.menu {
  display: flex;
  list-style: none;
  transform: skew(-10deg);
}

.menu > li {
  margin: 0 0.125rem;
  padding: 1rem 2rem;
  color: #fff;
  background-color: #555;
}

.menu > li > span {
  display: block;
  transform: skew(10deg);
}