gpt4 book ai didi

jquery - 使用 JQuery 向图像添加类

转载 作者:太空宇宙 更新时间:2023-11-04 04:33:14 27 4
gpt4 key购买 nike

我有一个 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/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com