image - 如何显示 div 内联 + 动画 Logo

标签 image css animation html

我想制作 Logo 动画,但我做不到,因为“gg”部分在实际 Logo 下方。

比如,我们的徽章是 1*GG,当你将鼠标悬停在它上面时,它会变成 1S***GG(“热”是动画)

相反,“GG”位于实际 Logo 下方,那么我该如何解决这个问题?

还有一件事,当你将鼠标悬停在图像的“GG”部分时,我如何激事件画。

最佳答案

你试过float:left了吗?属性

如果不是,则只需输入 GG图片在Div然后同时给出 div's float:left属性(property),你就完成了。

检查这个Fiddle


编辑: 我在 GG 上做了悬停动画使用 jQuery 的图像非常简单

解释我所做的然后我刚刚给 GG 上了一个类图像 div 并将鼠标悬停在该 div 上,我添加和删除了一个增加 logoshot 宽度的类类

这是 Fiddle Demo这可能会解释/消除您的疑虑。

关于image - 如何显示 div 内联 + 动画 Logo ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22316834/

相关文章:

html - 有人可以向我解释这个 css 代码吗

html - 将混合表单输入类型与 CSS 对齐

javascript - 我正在尝试使用 Kineticjs 为我的 Sprite 动画添加计时

wpf - 高级 XAML 动画效果。脉搏,行进的 Ant ,旋转。警报

php - 较小的 <img> 适用于 Firefox v22.0,但不适用于 IE v10.0.9

ios - iOS9.3 之后,我的 iPad 应用无法读取照片

c# - 我想从 mysql 数据库检索图像,但出现错误 "system parameter is not valid at system drawing image fromstream... "

C# - 我可以使用 Libtiff 输出 Tiff 编码的 JPEG(在 YCbCr 中)

php - 垂直旋转文本的浏览器回退

reactjs - 如何修复 "(0, _reactNativeRedash.withTransition) is not a function"错误?