實現一個平行四邊形

需求如題，想了下用普通的變換如旋轉、縮放、位移都是沒法實現的。 無奈之下谷歌，網友們提供了兩個實現方式，第一個是經過border的方式，這個比較tricky；第二種方式很吸引人，原來變換中除了我上面提到的三種方式以外，還有一個skew，英文意思是歪曲，正是實現平行四邊形的利器。函數 width: 200px; height: 100px; background-color: blue; trans

>>阅读原文<<