今天萌發一個想法,用css來實現透視效果。起初,我想到的是我們常見的添加陰影效果的方法,用多個div通過偏移來實現,但這需要很多 div,不夠理想。隨后,我想到css的一個屬性:border,在border相連接處可以產生對角線效果。這樣用兩個div就可以實現,我們先看看最終效果,然后再分析實現過程。
首先,我們看看border如何生成的對角線效果,在你的html的頭部增加以下代碼,你就會看到這樣的效果。
1..border{width:0;height:0;border-width:50px;border-color:#f00 #0f0 #00f #000;border-style:solid;}
新聞熱點
疑難解答