O principal efeito desses ícones é o giro de 360 graus, efeito conseguido com CSS. Quando você coloca o cursor sobre o ícone ele gira 360 graus, quando o cursor é removido ele gira 360 graus de volta.
E também tem um ligeiro efeito hover de opacidade nos ícones. Neste post vou mostrar como adicionar os ícones em seu blogger.
Aqui estão os ícones em pleno funcionamento, veja o que acontece quando você coloca o cursor sobre eles.
Como adicionar os ícones sociais 3D com efeito de giro para Blogger
1. Acesse o painel do seu blog
2. Clique na guia “Layout”
3. Clique em ‘Adicionar um gadget’ → Escolha tipo’HTML/Javascript’ e cole o seguinte código:
Importante – Substitua os textos destacados em azul com seus perfis sociais e o nome do seu blog.
Salve e pronto!
Qualquer duvida não hesite em perguntar.
Até a próxima!
Gostei muito!! Valeu a dica!!! Abraço!
Valeu colega.
esse efeito transition é uma das melhores coisas que ja inventaram, mas não funciona muito bem no ie
Infelizmente! É uma pena.
Valeu!
o IE é uma praga, deveriam tirar este navegador da net
IE é uma praga, deveriam excluir este navegador da net
Cara sou blogueiro a um tempinho ai, esse código é simplesmente maravilhoso, vlw mesmo
estava a tempos querendo ele mas nunca dava certo agora ficou perfeito….
Que bom que você encontrou aqui. Valeu! Volte sempre.
Maravilhoso!!! Parabéns! Se eu quiser adicionar também o Skoob e o numero de comentarios no blog, como faço? Obrigada.
Abusadamente Sensacional! Parabéns!