Descripción del problema
Con un botón de paralelogramo, la fuente del botón se inclina a medida que se ajusta el ángulo
.btn1{
border: 1px solid #000;
background-color: #fff;
font-size: 20px;
transform: skewX(-35deg);
}
.btn1 span{
transform: skewX(35deg);
}
Motivo: la transformación se aplica a: todos los elementos a nivel de bloque y algunos elementos en línea
Cambie el estilo de tramo para que sea un elemento de bloque en línea:
.btn1 span{
display:inline-block;
transform: skewX(35deg);
}
Artículo de referencia: la transformación no tiene efecto en el intervalo