我有一个徽标，不得不将其拆分为顶部和底部，以尝试在徽标的底部实现旋转效果。
主要目标是采用我的徽标的底部锯片部分，并在悬停时旋转/旋转。
我可以旋转/旋转，但由于徽标分为两部分。我必须使用z-index来堆叠图像，当底部徽标低于顶部图像时它不会旋转，因为顶部图像阻挡了底部图像。
我尝试使用Jquery来解决问题，但还没有熟悉编码。
有人可以看看这个CodePen并帮助我。
以下是笔/代码的链接：http://codepen.io/daugaard47/pen/yKrdD
如果你反转z-index，你可以看到旋转效果。
谢谢。 -Chris
答案 0 :(得分：2)
整洁的设计！
继承人的工作版本 http://codepen.io/patrickkettner/pen/byFIl
你真的很亲密 - 只是几个调整。 将：hover侦听器添加到包装器，这样您就不必担心堆叠了。 其次，添加一个gpu hack（我使用translateZ）到动画元素，以防止元素跳转到gpu的任何闪烁动画，然后回到cpu到其静止状态（查看http://www.youtube.com/watch?v=8uAYE5G1gSs更多waaaay更多您需要了解的有关该主题的信息。）