鼠标悬停上/下图片

Question

我想在this网站底部找到类似图片链接的内容。任何人都知道该网站的效果或者请向我推荐一些javascript代码示例或库，以便在鼠标悬停时制作图片上下/制作一些漂亮的工具提示。

Answer 1

您只需要CSS，并在悬停时更改边距：

img {
    margin-bottom: -75px;
    margin-top: 20px;
    padding-right: 40px;
    -webkit-transition: margin 0.5s ease;
    -moz-transition: margin 0.5s ease;
    -o-transition: margin 0.5s ease;
    -ms-transition: margin 0.5s ease;
    transition: margin 0.5s ease;
}

img:hover {
    margin-top: -20px;
}

此代码基本上是从您提供的网站复制的。按原样使用它会很小心。以它为例。