在視覺設計中，平行四邊形往往可以傳達出一種動感。
使用css來建立平行四邊形。可以使用transform: skewx(-45deg)
但是這樣會使裡面的內容也傾斜。有兩種解決方案可以解決這個問題
使用一層額外的html元素來包裹內容，對容器設定skewx，在內容上應用一次反向skewx變形
.button
.button > div
使用偽元素方案。將所有樣式應用到偽元素上，然後對偽元素進行變形。為了使偽元素保持良好的靈活性，可以自動繼承主元素的屬性。最簡單的方式是對主元素設定position:relative;,對偽元素設定positon:absolute;。
.button
.button::before
使用偽元素方案還可以實現一些其它效果，比如多重背景，邊框內圓角，多重邊框等。
平行四邊形
請小夥伴們對自己ac的題目進行標記，注意每人只能標記一次！不知道的不要標記，惡意標記者將 賬號！時間限制 3 sec 記憶體限制 128 mb 提交 狀態 題目描述 求平面上n個點構成的平行四邊形個數。輸入 一行乙個數n。接下來n行，每行兩個數x,y，表示這個點的座標為 x,y 保證任意兩點不重合，...
平行四邊形邊數
在乙個平面內給定n個點，任意三個點不在同一條直線上，用這些點可以構成多少個平行四邊形？乙個點可以同時屬於多個平行四邊形。input 多組資料 10 處理到eof。每組資料第一行乙個整數n 4 n 500 接下來n行每行兩個整數xi,yi 0 xi,yi 1e9 表示每個點的座標。output 每組資...
CSS實現平行四邊形布局
如何實現下圖所示的平行四邊形布局效果？一提到平行四邊形，條件反射般的就會想起csstransform中的skew skewx skewy 方法，可以讓元素斜切，從而實現平行四邊形效果 然而，一開始的布局不僅後面的白色背景形成平行四邊形，整段文字內容也按照平行四邊形的格式進行了排版，如果文字內容也應用...