javascript - 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);
}