How it works

Easy! The tabs (<a>-tags) is skewed by using transform: skewX(-30deg). Then we skew the elements inside in the other direction, like this: transform: skewX(30deg), making them stand up straight again.