Cómo sesgar un elemento pero mantener el texto normal (sin sesgar)

Crear un botón sesgado con texto no sesgado

Para crear un elemento sesgado con texto no sesgado, puede aplicar una transformación tanto al elemento principal como al elemento secundario:

Sesgar el Elemento principal:

Utilice la propiedad transform: skew() para sesgar el elemento principal (en este caso, el elemento

Resultado:

Esto creará un menú con botones sesgados pero texto no sesgado, lo que permitirá un efecto de ángulo sin distorsionar la legibilidad de los enlaces. .