Html 为什么赢了'；菜单上的任何信息都不能播放吗？但它会在它上面；出路何在

我目前正在做一个学校项目，我不能让我的菜单按我想要的方式工作。滑入动画将在退出时运行，但不会在进入时运行

我知道这在桌面上看起来很糟糕，但它只适用于移动设备。不管怎样，有人能帮我吗

---

编辑：它可以在浏览器上使用，但不能在我的iPhone 6s上使用。

在iPhone上使用什么浏览器？Safari&Chrome。一个奇怪的提示：我添加了一个阴影框，它可以正常工作。但这似乎是因为屏幕上有1像素的阴影可见。我不知道怎么说，但这里是：这种转换不是通过链接完成的，而是通过复选框或javascrips/jQuery/AngularJS/Other JS框架完成的。我真的不知道是什么打破了这种转变，因为大多数浏览器都适应了当前的指导方针。如果你解决了它，那就没问题了。哦，你的意思是菜单图标应该是一个复选框，这样用户就可以打开和关闭它了？我知道这对js来说很容易。但我更喜欢将它保留在如此小的东西上的纯css/html上