我正在尝试制作徽标动画，但我无法这样做，因为“ gg”部分位于实际徽标下方。
就像我们的徽章是1SGG，当您将鼠标悬停在其上时，它会变成1ShotGG（“热”是动画）
取而代之的是，“ GG”位于实际徽标下方，那么我该如何解决？
http://codepen.io/anon/pen/hzKpq
还有另一件事，当您将鼠标悬停在图像的“ GG”部分上时，如何激活动画。
最佳答案
您是否尝试过float:left属性
如果不是，那么只需将GG图像放在Div中，然后同时赋予div's float:left属性，就可以完成。
选中此Fiddle
编辑：
我已经使用jQuery在GG图像上完成了悬停动画，这非常简单
解释我做了什么之后，我给GG图像div一个类，将鼠标悬停在该div上时，我添加和删除了一个类，该类增加了logoshot类别的宽度
这是Fiddle Demo可能会解释/清除您的疑问的地方。
关于image - 如何显示div内联+动画徽标，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/22316834/