如何仅变换 CSS div 的左上角形状

How to Transform CSS only top left shapes of div

我有一个设计必须像下图那样重塑形状,而不必更改字母,例如使用“transform:skew”,因为它会改变现有字母的形状。

我不知道这个形状的名称并尝试搜索但是解决方案使用倾斜或边框透明,我自己尝试但结果不是我想要的,请帮助。

我从@JamesAllan 那里得到了答案 clip-path 就像这样

clip-path: polygon(0 21%, 100% 2%, 100% 100%, 0% 100%);

和这个网站 Bennettfeely 帮了我很多忙来制作其他形状,非常感谢。