Link Hover Effect

How can i add an effect when i hover over some links???

like a glow or glitter when i hover on a link??

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 ♥

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);
}

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;
}

™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???

Place it in your css stylesheet.

Solved?

yes..