我试图制作徽标动画,但我不能这样做,因为“gg”部分低于实际徽标。
就像,我们的徽章是1SGG,当你将它悬停在它上面时,它会变成1ShotGG(“热门”是动画)
相反,“GG”低于实际徽标,那么我该如何解决这个问题?
http://codepen.io/anon/pen/hzKpq
另外,当您将鼠标悬停在图像的“GG”部分上时,如何激活动画。
答案 0 :(得分:1)
您是否尝试过float:left
属性
如果没有,那么只需将GG
图片放入Div
,然后同时提供div's
float:left
属性即可。
选中此Fiddle
修改:
我使用jQuery在GG
图像上完成了悬停动画,这非常简单
解释我做了什么然后我刚给了GG
图像div的一个类,并且在那个div上盘旋我添加并删除了一个增加logoshot
类
以下Fiddle Demo可能会解释/清除您的疑虑。