【发布时间】：2014-11-11 15:10:20
【问题描述】：
在开始之前，我想声明我不打算将这个动画用于任何事情。我只是觉得它很酷，想看看它是如何工作的。
去过apple.com吗？大多数人都有，有些人在手机上。如果你有，你会看到移动网站 - 它使用带有一些很酷的动画的向下滑动导航栏。但这怎么可能重现呢？导航栏本身可以很容易地用一个倒置的盒子阴影重新创建，但是我如何让这两个图像（或者在这种情况下是 div，如果可能的话）变成像 here 所示的动画？
【问题讨论】：
-
好吧，你可以看到它是两条线重新排列以创建一个十字架，所以要做到这一点，你需要css3动画，这方面有很多教程，试试看并报告:)
-
@epoch 这就是我想出的，据我所知，它应该可以工作，但它没有。当我将转换移动到它的默认类时，它会起作用，所以我认为它与我可怜的 JS 有关。 jsfiddle.net/xujvhb0d
-
我自己尝试了一小会儿，没有成功，似乎有点棘手，我建议赏金它，希望有更多动画经验的人能提供帮助:)
-
@epoch 不幸的是，我没有足够的赏金 - 哦，好吧。值得一试。 :) 感谢您的帮助。
-
它是一个开源插件，但是我忘记了它的名字，再也找不到了……但我确定我以前找到过这样的演示……
标签： javascript jquery html css