当前位置: 代码迷 >> JavaScript >> 通过鼠标悬停向上/向下图片
  详细解决方案

通过鼠标悬停向上/向下图片

热度:88   发布时间:2023-06-05 14:12:36.0

我想要网站底部的图片链接之类的东西。任何人都知道该网站的效果是什么,或者请向我建议一些 javascript 代码示例或库,以便在鼠标悬停时向上/向下制作图片,并制作一些漂亮的工具提示。

您只需要 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;
}

此代码基本上是从您提供的站点复制的。 我会小心使用它。 仅以它为例。