Javascript jQuery/JS/CSS3动画和悬停效果

Javascript jQuery/JS/CSS3动画和悬停效果,javascript,jquery,css,animation,Javascript,Jquery,Css,Animation,我已经挣扎了好几天了,似乎我不知道如何制作这样的悬停动画。也许我挖错了地方,动画是用css3完成的 不管怎样,那个网站特别有我想要的动画,但是当我浏览它的代码时,我找不到答案 图像悬停效果看起来确实像一个普通的css3悬停动画,但真正吸引我的是 移动版的导航按钮,从对齐对齐对正图标到十字图标的动画 任何事情都会有帮助,哪怕只是一个提示,我应该继续朝哪个方向看。多谢各位 通过使用:before和:after完成。单击时,它们会旋转并改变位置……因为我在网站代码中找不到答案,我仍然不确定动画是如何创

我已经挣扎了好几天了,似乎我不知道如何制作这样的悬停动画。也许我挖错了地方,动画是用css3完成的

不管怎样,那个网站特别有我想要的动画,但是当我浏览它的代码时,我找不到答案

图像悬停效果看起来确实像一个普通的css3悬停动画,但真正吸引我的是 移动版的导航按钮,从对齐对齐对正图标到十字图标的动画


任何事情都会有帮助,哪怕只是一个提示,我应该继续朝哪个方向看。多谢各位

通过使用:before和:after完成。单击时,它们会旋转并改变位置……

因为我在网站代码中找不到答案,我仍然不确定动画是如何创建的。如果他们使用CSS3,我猜应该使用transform属性,因为两个动画都有一个角度,但需要大量代码才能以如此平滑的方式设置动画,但下一个问题是,如果它是使用jQuery创建的,jQuery.css与css3s transform属性一起工作吗?好的,请详细解释所有的事情,比如你正在用哪种技术开发哪种应用程序,你想把这些动画放在哪里?@himanshu暗示使用伪类来制作某些东西的动画-这就是我一直在寻找的答案。就是这样,非常感谢!所以它们是纯css3动画,而不是我以前认为的jQuery。是的,这是纯css3效果,我认为如果你在该网站上仔细查看,你也会得到它的教程。这不是答案,你在愚弄别人。@Himanshu你怎么能告诉我我明白你的意思@Sagar43等等,我也标记了你的答案,等待stackoverflow社区采取行动。