javascript - infusion.com如何使元素倾斜？ CSS文件似乎没有歪斜，并且菜单也偏斜了

谁能帮助我发现http://infusion.com/的开发人员如何使所有内容倾斜？甚至子菜单也会倾斜打开（但文本不会倾斜。而且图像裁剪或任何类型的操作都没有技巧，将鼠标悬停在项目上效果很好。

最佳答案

它在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);
}