Link Hover Effect

FL.ux at 04h00
18
Dec
2011
How can i add an effect when i hover over some links???

like a glow or glitter when i hover on a link?? bwi bwi
1 Seriwyth, on 18/12/2011 at 13h33
Hi =D
For the Glow effect ... You can do it using the CCS propiety "shadow" on your links .. you just have to put this in your stylsheet (Administration pannel >>Display>>color>>CSS stylsheet):

Code:
a:hover{
 text-shadow: 0px 0px 10px #000000;/*you can put the color you want instead of #000000*/;}


But for the glitter effect... I don't know, maybe you can put a glitter backgound image on your links ...
Have nice day ♥

2 Matti_7, on 18/12/2011 at 13h50
If you wanna it for all links this will make it glitter when you hover over the links.

Code:
a:hover {
    background: url(http://i752.photobucket.com/albums/xx164/optiikzz/rc599e.gif);
}
3 ™X-jvlr.FR3$H-X™, on 18/12/2011 at 14h37
or this is a better hover code i like this more
Code:
a:link:hover {
text-shadow: 0 0 0.7em #8B0000;
}


a:link {
    text-decoration: none;
    color: #32FA00;
    text-shadow: none;
    -webkit-transition: 500ms linear 0s;
    -moz-transition: 500ms linear 0s;
    -o-transition: 500ms linear 0s;
    transition: 500ms linear 0s;
    outline: 0 none;
}

a:link:hover, a:link:focus
{
    color: #000000;
    text-shadow: -1px 1px 8px #FFFFFF, 1px -1px 8px #FFFFFF;
}
4 FL.ux, on 18/12/2011 at 14h57
™X-jvlr.FR3$H-X™ wrote:or this is a better hover code i like this more
Code:
a:link:hover {
text-shadow: 0 0 0.7em #8B0000;
}


a:link {
    text-decoration: none;
    color: #32FA00;
    text-shadow: none;
    -webkit-transition: 500ms linear 0s;
    -moz-transition: 500ms linear 0s;
    -o-transition: 500ms linear 0s;
    transition: 500ms linear 0s;
    outline: 0 none;
}

a:link:hover, a:link:focus
{
    color: #000000;
    text-shadow: -1px 1px 8px #FFFFFF, 1px -1px 8px #FFFFFF;
}


where do i put the glitter effects???
5 WHITESABBATH, on 18/12/2011 at 16h04
Place it in your css stylesheet.
6 Sanket, on 18/12/2011 at 19h12
Solved?
7 FL.ux, on 19/12/2011 at 00h27
yes..

Twisted Evil
8 Sanket, on 19/12/2011 at 06h17
Topic Solved & Locked
Similar topics
can someone give me a css script to make a hover effect in the header navigation where it darkens
Anyone know the code to get the effect shown HERE ? cursor over the social net icons and watch them spin.
Would you please provide me with the code to make the affiliate banners that are scrolling in my affiliates widget to slow down and go slightly opaque when someone hovers over one of them? Also, please tell me where/how to put it in? Thanks for your
Replies 1 to 8 on 8 for "Link Hover Effect"
See also
more_less
Informations

8 Replies For the topic :
"Link Hover Effect"

This topic has been viewed 1203 times.

Last message :
18/12/2011 at 04h00 by "FL.ux"