infusion.com如何歪曲元素？ CSS文件似乎沒有歪斜，菜單也是傾斜的

Question

任何人都可以幫助我發現http://infusion.com/的開發人員如何設法扭曲一切？即使是子菜單打開了偏斜（但文字不偏，有一個與圖像裁剪或諸如此類的事沒招，徘徊在項目運作良好

Answer 1

它的存在，在CSS：。

.normal #nav { 
    -moz-transform: skew(-20deg, 0deg); 
    -o-transform: skew(-20deg, 0deg); 
    -webkit-transform: skew(-20deg, 0deg); 
} 

文本是在相反的方向傾斜，使其直視：

.normal #nav .menu li span { 
    -moz-transform: skew(20deg, 0deg); 
    -o-transform: skew(20deg, 0deg); 
    -webkit-transform: skew(20deg, 0deg); 
    transform: skew(20deg, 0deg); 
} 

Answer 2

他們扭曲了整個導航和使用的逆傾斜的文本，使他們看起來挺拔產生的效果是，它看起來就好像這些元素只是在實際上是整個區域時都是傾斜的使用CSS變換歪曲。

使用Chrome的「檢查元素」工具，並查看導航元素的CSS和文本跨度！