Ícones sociais feitos com puro CSS

Bom, temos aqui alguns ícones das principais redes sociais do mundo. Num post anterior, você viu como se cria o ícone do Google+ (exclusivo) e hoje trazemos o ícone em sua segunda versão. Além do Google+, temos ícones do Facebook, Twitter, Feed e Orkut.

Clique aqui e veja os exemplos

O post seria muito grande com o CSS e o HTML repetido, portanto, hospedamos em nosso servidor para download.

fazer download

Entendendo o CSS

Começamos com uma simples lista de links, cada link contendo um texto. Depois, foi dado estilos a cada link para assumir a aparência do ícone da mídia social.

Este é um experimento que usa CSS 2.1 e CSS3 que não é suportado pelo Internet Explorer 6 e 7, portanto, você não deve esperar que ele funcione nesse navegador.