相同样式为什么翻转效果不同？

两样式是一样的，为什么右边的代码做出来的导航栏翻转过来是倾斜的。看了半个小时了，友友们

没看出来，不一样的就是.bottom多加了两个样式