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

【问题标题】：CSS element different height on element's sideCSS元素在元素一侧的不同高度
【发布时间】：2018-09-19 03:18:12
【问题描述】：

是否可以在不旋转元素的情况下使用 css 或 jQuery 获得我想要的输出？

I wanted this output

【问题讨论】：

向我们展示你尝试过的和失败的，我很确定答案已经在这个网站上，并且用好的关键字搜索即可。此外，这取决于您要实现的目标，但是是有可能的。
重复：stackoverflow.com/questions/51749041/… ... 保持三角形
Footer consisting of two right triangles的可能重复
如何添加渐变色？

标签： php jquery html css

【解决方案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);
}

【讨论】：