Menu de redes sociais natalino com efeito hover

É pessoal o natal ta chegando, e já está na hora de começarmos a enfeitar nossos blogs para essa data muito especial. Então nada mais justo do que o Info Blogger disponibilizar um menu natalino com efeito hover em CSS3. Esse é um menu bem bacana, e que lembra até o menu horizontal do Mac. Bem, esse menu é inteiramente desenvolvido por mim, com os efeitos de CSS3 pegos no site CSS3 Generator. Bem, vamos deixar de blá, blá, blá, e vamos logo ao que interessa que é o tutorial.

Bem, a instalação desse menu é bem simples. Basta você pegar o código abaixo, e colá-lo em um gadget HTML/JavaScript, fazendo as devidas alterações.

<style>
.socialmedia a {
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
padding:0 15px 0 0;
}
.socialmedia img:hover {
-moz-transform: scale(1.5) rotate(0deg) translate(5px, 5px) skew(0deg, 0deg);
-webkit-transform: scale(1.5) rotate(0deg) translate(5px, 5px) skew(0deg, 0deg);
-o-transform: scale(1.5) rotate(0deg) translate(5px, 5px) skew(0deg, 0deg);
-ms-transform: scale(1.5) rotate(0deg) translate(5px, 5px) skew(0deg, 0deg);
transform: scale(1.5) rotate(0deg) translate(5px, 5px) skew(0deg, 0deg);
}
</style>
<div class="socialmedia">
<a href="http://www.twitter.com/USUÁRIO_TWITTER"><img src="http://images-3.findicons.com/files/icons/2045/social_ball/48/twitter.png"/></a>
<a href="URL PERFIL FACEBOOK"><img src="http://images-2.findicons.com/files/icons/2045/social_ball/48/facebook.png"/></a>
<a href="URL FEED"><img src="http://images-3.findicons.com/files/icons/2045/social_ball/48/rss.png"/></a>
</div>

Depois de feitas as modificações, basta você clicar em 'SALVAR', e está feito. O seu gadget já está instalado com tudo funcionando.

Caso você queira modificar as imagens, para usar esse menu em outras épocas, basta modificar as URLs das imagens que estão destacadas em azul.