Efeitos em link
Link com efeito Sparkle ou Glitter
Ao passar o cursor do mouse mouse no link com este efeito ele solta faisquinhas, como fogos de artificio.
Pra conseguir esse efeito e simples:
Salve a imagem abaixo em seu computador e hospede-a no seu servidor.
Coloque o codigo abaixo no seu CSS:
a:hover { background:url(‘http://www.minhaimagem.com/sparkle.gif’);}
hr { background-image:url(‘http://www.minhaimagem.com/sparkle.gif’);}
substitua a parte “http://www.minhaimagem.com/sparkle.gif’” pelo endereco da sua imagem.
Para um Efeito Blur:
A: { FONT-WEIGHT: bold; COLOR: #000000; TEXT-DECORATION: none;}
A:active { FONT-WEIGHT: bold; COLOR: #000000; TEXT-DECORATION: none;}
A:hover { FONT-WEIGHT: bold; COLOR: #000000; TEXT-DECORATION: none; FILTER: progid:dximagetransform.microsoft.MotionBlur(strength: 20; direction: 180; add: false;);}
A:active { FONT-WEIGHT: bold; COLOR: #000000; TEXT-DECORATION: none;}
A:hover { FONT-WEIGHT: bold; COLOR: #000000; TEXT-DECORATION: none; FILTER: progid:dximagetransform.microsoft.MotionBlur(strength: 20; direction: 180; add: false;);}
Para um Efeito Alpha:
A {HEIGHT: 1px;}
A:link { FONT-WEIGHT: bold; COLOR: #000000;}
A:visited { FONT-WEIGHT: bold; COLOR: #000000;}
A:active { FONT-WEIGHT: bold; COLOR: #000000;}
A:hover { FONT-WEIGHT: bold; COLOR: #000000; TEXT-DECORATION: none; filter:alpha(Opacity=75, FinishOpacity=15, Style=1);}
A:link { FONT-WEIGHT: bold; COLOR: #000000;}
A:visited { FONT-WEIGHT: bold; COLOR: #000000;}
A:active { FONT-WEIGHT: bold; COLOR: #000000;}
A:hover { FONT-WEIGHT: bold; COLOR: #000000; TEXT-DECORATION: none; filter:alpha(Opacity=75, FinishOpacity=15, Style=1);}
Efeito Flip Horizontal
A{height:1px;}
A:link {color:#000000; text-decoration: none ; font-weight:bold}
A:visited {color:#000000; text-decoration: none; font-weight:bold}
A:active {color:#000000; text-decoration: none; font-weight:bold}
A:hover{color:#000000; text-decoration:none; font-weight:bold; filter:fliph()}
A:link {color:#000000; text-decoration: none ; font-weight:bold}
A:visited {color:#000000; text-decoration: none; font-weight:bold}
A:active {color:#000000; text-decoration: none; font-weight:bold}
A:hover{color:#000000; text-decoration:none; font-weight:bold; filter:fliph()}
Efeito Flip Vertical
A{height:1px;}
A:link {color:#000000; text-decoration: none ; font-weight:bold}
A:visited {color:#000000; text-decoration: none; font-weight:bold}
A:active {color:#000000; text-decoration: none; font-weight:bold}
A:hover{color:#000000; text-decoration:none; font-weight:bold; filter:flipv()}
A:link {color:#000000; text-decoration: none ; font-weight:bold}
A:visited {color:#000000; text-decoration: none; font-weight:bold}
A:active {color:#000000; text-decoration: none; font-weight:bold}
A:hover{color:#000000; text-decoration:none; font-weight:bold; filter:flipv()}
Ana, 20s, sagitário, 
arte, sapatos, perfumes, makeup, cachorros, sci-fi & horror movies, pimenta, rock, Noel Gallagher, Audrey Hepburn, dourado, Caddillacs e salto alto.
Total Hits: 5771