CSS元素在元素侧面的高度不同

Question

是否可以使用css或jQuery获得所需的输出而无需旋转元素？

I wanted this output

Answer 1

在没有完全理解您的目标的情况下，我假设您尝试创建形状而不正确使用旋转。此方法向您展示了如何使用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);
}