Os ícones sociais estão por toda parte.
As pessoas adoram brincar pairando sobre elas.
Tenho certeza de que você é um designer/desenvolvedor inteligente e já sabe disso. É por isso que você está aqui …
Esta é a Ultimate CSS3 Hover Effects Collection para ícones sociais!
Por que?
26 Efeitos de pairar
Confira:
- Novo: exemplos
- Tudo em 5 minutos
- Efeitos para a lista de ícones horizontais
- Efeitos para a lista de ícones verticais
- Usando o wizzard
Razões para comprar isso:
- 100 ícones sociais
- 3 tamanhos de ícones + arquivos vetoriais
- ícones de cor e escala de escala
- 9 Sprites de ícone
- 26 Efeitos de pairar (mesmo para listas de ícones verticais na barra lateral)
- dicas de ferramentas CSS personalizáveis para ícones
- Wizzard incluído
- trabalha com outros ícones ou sprites
- Muito fácil de personalizar
- Sem JavaScript
- HTML e CSS3 limpos e válidos
- Compatível com navegador cruzado (veja abaixo)
- suporte e atualizações futuras
Se você não gosta da aparência desses ícones, ou tem seus próprios ícones sociais excelentes, não se preocupe: os efeitos do pau do CSS3 funcionam tão bem com seus próprios ícones sociais ou sprite. Isso é fácil.
Wizzard
Eu criei uma maneira rápida de você escolher os ícones de que você precisa nos meus sprites, testar e personalizar os efeitos e as dicas de ferramentas e, em seguida, obter suas classes HTML Código e CSS para sua lista de ícones. Eu o nomeei de Wizzard e é alimentado por JavaScript, JQuery, HTML e CSS.
Compatibilidade do navegador:
(usa transições e transformações CSS3)
- Ou seja, 10
- Firefox 16+
- Chrome 23+
- Safari 5.1+
- iOS Safari 3.2+
- Opera 12.1 (exceto as transformações 3D)
(Atualmente, 72% dos usuários da Internet estão usando navegadores que suportam esses recursos – referência)
Direitos autorais:
Por favor, compre uma licença estendida se:
- Você deseja incluir código deste item em um item temeforrest
- Você deseja modificar e/ou usar o wizzard (html ou javascript) para incluí -lo em outro item Envato
Os ícones usados nos meus sprites são de Icondock. O resto é 100% meu trabalho.
Atualizações:
5 de fevereiro:
- Exemplos adicionados (Veja o vídeo)
- Adicionado mais 2 posições da dica de ferramenta (Veja capturas de tela)
- dicas de ferramentas aprimoradas
Comentários e classificação são muito apreciados!
Obrigado,
tudor