CSS转换元素的一面，顶部和底部不同

Question

我想转换一个元素的一面，但在顶部不同于底部，如图中所示：

我尝试过：

transform-origin: left bottom;
transform: skewY(-3deg);

但它完全移动左侧（顶部和底部）。

有可能吗？