Социальные кнопки двигаются вверх (jquery?)

Question

Как можно создать скрипт, который работает следующим образом здесь ?Вы наводите курсор на кнопки социальных сетей, а затем они немного поднимаются вверх.

Answer 1

Я не вижу социальных кнопок в вашей ссылке (может быть, я просто слепой;)), но если вы хотите поднять что-то после наведения курсора, вы можете сделать это с помощью чистого 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

Answer 2

Вы можете попробовать что-то вроде этого с jQuery: http://www.sohtanaka.com/web-design/fancy-thumbnail-hover-effect-w-jquery/