CSS-элемент разной высоты на стороне элемента

Не совсем понимая вашу цель, я предполагаю, что вы пытаетесь создавать фигуры без правильного вращения. Этот метод показывает вам, как создавать фигуры с помощью CSS3 :) Надеюсь, это поможет!

https://www.cssportal.com/css3-shapes/

Например, это создает параллелограмм:

#parallelogram {
   width: 130px; 
   height: 75px;
   background: blue;
   /* Skew */
   -webkit-transform: skew(20deg); 
   -moz-transform: skew(20deg); 
   -o-transform: skew(20deg);
   transform: skew(20deg);
}