html平行四边形标签,平行四边形

问题

平行四边形是矩形的一个超集：它的边是平行的，但是角不一定是直角。

图注:一个平行四边形

在视觉设计，它们往往可以使设计显得更具活力，传达运动感。

图注：eb设计中的平行四边形(design by Martina Pitakova)

我们尝试用CSS创建按钮样式的链接。从普通的扁平按钮开始，带一些简单的样式，如图下图所示:

然后，我们应用skew()变换创建出倾斜的矩形，如下：

transform: skewX(-45deg);

但是，这也会导致平行四边形中的内容被倾斜，这使得它看起来很丑而且没有可读性。