问题
平行四边形是矩形的一个超集:它的边是平行的,但是角不一定是直角。
图注:一个平行四边形
在视觉设计,它们往往可以使设计显得更具活力,传达运动感。
图注:eb设计中的平行四边形(design by Martina Pitakova)
我们尝试用CSS创建按钮样式的链接。从普通的扁平按钮开始,带一些简单的样式,如图下图所示:
然后,我们应用skew()变换创建出倾斜的矩形,如下:
transform: skewX(-45deg);
但是,这也会导致平行四边形中的内容被倾斜,这使得它看起来很丑而且没有可读性。