Javascript CSS动画菜单，如facebook IOS应用程序

我有一个div，其中“display:none”占据了页面的25%。单击页面上的按钮时，div将变为可见，并向用户显示菜单。我想设置div的动画，使其显示为页面向右滑动，菜单在其后面，就像facebook IOS应用程序上的菜单一样，这可以用css和javascript实现吗？

请看，我还没有尝试过它们。

最好用CSS3和javascript实现。我为动画强制硬件加速，使其在移动设备上平滑。像这样检查这个按钮？点击栏是的，像那样，但只移动屏幕四分之一的距离告诉我哪一个？你给出的第二个链接“of”。我看了这一点，发现它有一个很好的解决方案，这是不受欢迎的，所以答案应该是寻找解决方案的终点（与另一个参考文献的中途停留相比，随着时间的推移，这些参考文献往往会变得陈旧）。请考虑在这里添加一个独立的概要，将链接作为参考。