Social buttons move up (jquery?)

How is it possible to c开发者_开发百科reate a script that works like this here? You hover on the social buttons and then they move up a little bit..

---

You could try something like this with jQuery: http://www.sohtanaka.com/web-design/fancy-thumbnail-hover-effect-w-jquery/

---

I don't see any social buttons in your link (maybe i am just blind ;)) but if you want to move up something after hovering it, you can do it with pure 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;
}

Here you have example: jsfiddle