如何重新创建移动Apple.com菜单按钮动画？

Question

在开始之前，我想说明我不打算将此动画用于任何事情。我觉得它很酷，想看看它是如何工作的。

曾去过apple.com吗？大多数人都有，有些人在手机上。如果你有，你会看到移动网站 - 它使用一个带有一些很酷的动画的向下滑动导航栏。但是如何重建呢？导航栏本身可以使用倒置的盒子阴影轻松地重新创建，但是如何将这两个图像（或者在这种情况下为div，如果可能的话）转换为如here所示的动画？

Answer 1

由CSS3动画完成。像变换和过渡一样。