CSS實現平行四邊形佈局

如何實現下圖所示的平行四邊形佈局效果？ 一、skewX的侷限 一提到平行四邊形，條件反射般的就會想起CSS transform中的skew()/skewX()/skewY()方法，可以讓元素斜切，從而實現平行四邊形效果 然而，一開始的佈局不僅後面的白色背景形成平行四邊形，整段文字內容也按照平行四邊形的格式進行了排版，如果文字內容也應用skewX，所有文字內容就會表現爲傾斜，如下所示： <div s

>>阅读原文<<