Html facebook图标悬停，图标应向上滑动，并应出现类似框

我发现很多帖子和我的要求相似，但没有一个有效。所以我在这里张贴。
我有一个要求，比如“facebook图标将出现在那里，悬停图标将向上滑动，并且像框将显示在facebook图标的位置”。如何实现这一点

我尝试了绝对位置、固定宽度等，但没有用

任何帮助都是值得的。

---

提前感谢。

纯CSS仅使用CSS转换就可以实现这一点。这是一个非常好的教程，应该向您展示如何使用CSS使对象向上滑动

---

本质上，您只需要

transform:translate（0,50px）

或类似的东西（以及在所有浏览器中支持它所需的所有其他变体。如果你想让它在一段时间内滑动，你可以添加

过渡：所有2轻松进入；

。退出。但更重要的是，查看上面提到的教程。它应该会提供你需要的一切：）

您是在使用javascript还是jquery来实现这一点？或者只是css？只是css..这在css中是不可能的..无论是jquery还是css，请..$asifrc，至少我做到了..但是当它向上滑动时，在div边距上方我给出了溢出：隐藏..但它不隐藏..整个内容在上下滑动期间可见