I used the great Font-Awesome (webfont for icons) library for the Social Media icons.

CSS social media hover effect 3D

Please note that the CSS in Dabblet (see the demo below) is unprefixed, this is because Dabblet has a nice -prefix-free feature that automatically adds the correct prefixes in the result.

View the demo.