悬停时的Facebook图标，图标应该向上滑动，应该出现喜欢的框

Question

我发现很多帖子与我的要求类似，但没有一个有效。所以我在这里发帖    我有一个像＆＃34; facebook图标将在那里的要求，其中悬停图标将向上滑动，类似框将显示在Facebook图标的位置＆＃34; ..如何实现这一点..

我试过了position absolute,fixed width,etc ......但没有用......

任何帮助都会很明显。 提前谢谢..

Answer 1

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

基本上，您只需要transform: translate(0,50px);或类似内容（以及在所有浏览器中支持它所需的所有其他变体。如果您希望它在一段时间内滑动，则添加{ {1}}。查看this fiddle。但更重要的是，请查看上面提到的教程。它应该为您提供所需的一切：）