Question

如何创建一个像here一样的脚本？你将鼠标悬停在社交按钮上，然后它们向上移动了一点......

Answer 1

您可以尝试使用jQuery：http://www.sohtanaka.com/web-design/fancy-thumbnail-hover-effect-w-jquery/

Answer 2

我没有在你的链接中看到任何社交按钮（也许我只是盲目;））但如果你想在悬停它之后移动一些东西，你可以用纯CSS做到这一点

.arrow
{
  background: red;
  width: 50px;
  height: 50px;
  display: block;
  text-align: center;
}
.arrow i
{
  color: #ffffff;
  margin: 0;
  position: relative;
  top: 13px;
  font-size: 19px;
}
.arrow:hover
{
  background-color: blue;
}
.arrow:hover i
{
  top: 5px;
}

这里有例子：jsfiddle

社交按钮向上移动（jquery？）

2 个答案: