我有一个 Logo ，必须将它分成顶部和底部部分，以尝试在 Logo 的底部实现旋转效果。
主要目标是采用我 Logo 的底部锯片部分并使其在悬停时旋转/旋转。
我可以让它旋转/旋转，但由于 Logo 被分成两部分。我必须使用 z-index 来堆叠图像，当底部 Logo 低于顶部图像时，底部 Logo 不会旋转，因为顶部图像挡住了底部图像。
我尝试使用 Jquery 来解决问题，但还不熟悉编码。
有人可以看看这个 CodePen 并帮助我吗。
这是笔/代码的链接:http://codepen.io/daugaard47/pen/yKrdD
如果反转 z-index，您可以看到旋转效果。
谢谢。 -克里斯
最佳答案
简洁的设计!
这是一个工作版本 http://codepen.io/patrickkettner/pen/byFIl
你真的很接近 - 只是做了一些调整。 将 :hover 监听器添加到包装器，这样您就不必担心堆叠问题。 其次，向动画元素添加一个 gpu hack(我使用了 translateZ)以防止元素跳转到要动画的 gpu 然后返回到 cpu 到其静止状态的任何闪烁(查看 http://www.youtube.com/watch?v=8uAYE5G1gSs 了解更多信息您需要了解该主题)。
关于jquery - 使用 JQuery 向图像添加类，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16879913/