JScript

Programação & Desenvolvimento


Você não está conectado. Conecte-se ou registre-se

[Tutorial] Efeitos das Redes Sociais

2 participantes

Ir para baixo  Mensagem [Página 1 de 1]

1[Tutorial] Efeitos das Redes Sociais  Empty [Tutorial] Efeitos das Redes Sociais Ter 01 Abr 2014, 2:42 pm

IsmaelS.

IsmaelS.
Membro
Membro

[Tutorial] Efeitos das Redes Sociais  UK6gh1I
Efeito nas Redes Sociais

Este efeito vai permitir que ao passar o mouse no ícone da Rede Social ela automaticamente vai subir um bocado para fazer o tal efeito.

--> Versão <--
Funciona para todas as Versões

1º) Colocar o Código:
Poderá colocar o código onde desejar como Home Page, Widget, Página HTML e muito mais, basta apenas modificar o seguinte código:

Código:
<style>#page-header .navbar ul.linklist.navlinks{z-index:1}#redesociais{position:absolute;top:250px;right:55px}#redesociais a:hover{position:relative;top:-25px}</style><div id="redesociais"><a href="LINK FACEBOOK" target="_blank"><img src="http://cdn4.iconfinder.com/data/icons/inside/PNG/128x128/icontexto-inside-facebook.png" height="37" width="37"></a><a href="LINK TWITTER" target="_blank"><img src="http://cdn4.iconfinder.com/data/icons/inside/PNG/128x128/icontexto-inside-twitter.png" height="38" width="38"></a><a href="LINK YOUTUBE" target="_blank"><img src="http://cdn4.iconfinder.com/data/icons/inside/PNG/128x128/icontexto-inside-youtube.png" height="36" width="36"></a><a href="LINK BLOG" target="_blank"><img src="http://i72.servimg.com/u/f72/13/72/85/95/blogge10.gif" height="37" width="37"></a></div>
2º) Resultado:

[Tutorial] Efeitos das Redes Sociais  131

waghcwb

waghcwb
Desenvolvedores
Desenvolvedores

Efeito interessante amigo, uma coisa bacana que da para fazer ai é adicionar a propriedade transition para que não seja tão 'seco' o efeito Very Happy
Código:
#element{transition: all linear .2s}

http://wagneraugusto.com.br/

Ir para o topo  Mensagem [Página 1 de 1]

Permissões neste sub-fórum
Não podes responder a tópicos