【发布时间】：2015-02-20 11:59:12
【问题描述】：
我已经苦苦挣扎了几天，似乎无法弄清楚如何制作这样的悬停动画。也许我挖错了地方，动画是用css3完成的。
无论如何，那个网站特别有我正在寻找的动画，但是当我浏览它的代码时，我找不到答案。
图像悬停效果看起来确实像普通的 css3 悬停动画，但真正让我感兴趣的是 移动版导航按钮，动画从对齐图标变为十字图标。
任何事情都会有所帮助，即使只是提示我应该继续往哪个方向看。非常感谢！
【问题讨论】：
-
不多，因为我在网站代码中找不到答案，我仍然不确定动画是如何创建的。如果他们使用 CSS3，我的猜测是使用 transform 属性，因为两个动画都以一个角度出现（但它需要大量代码才能以如此平滑的方式为它们设置动画），但下一个问题将是它是否已创建jQuery，jQuery .css() 是否与 css3s 转换属性一起使用？
-
好的，请详细解释所有事情，例如您正在使用哪种技术开发哪种应用程序，您希望这些动画在哪里？
-
@himanshu 暗示使用伪类来为某些东西设置动画——这就是我一直在寻找的答案。
标签： javascript jquery css animation