Full Version: Effects of the cursor over a link.
When someone is on my xanga and places the cursor over the link, how do I make it that when the put the cursor over the link the link becomes blurry or something like that. (Or maybe like "Reservoir Chronicles" in my sig.
Thanks but, I meant something like these.
http://www.xanga.com/home.aspx?user=hikarix
http://www.xanga.com/home.aspx?user=karen_ichigo
http://www.xanga.com/home.aspx?user=xsilent_angelx
When you leave your cursor over the link gets an effect.
http://www.xanga.com/home.aspx?user=hikarix
http://www.xanga.com/home.aspx?user=karen_ichigo
http://www.xanga.com/home.aspx?user=xsilent_angelx
When you leave your cursor over the link gets an effect.
I am most likely wrong, but here:
a:hover {filter:blur(direction=90, strength=whatever you want, preferably 5-10)}
of course you put the other link modifier things such as "color, text-decoration, etc" before that. so yeah I am sorry if it doesn't work
a:hover {filter:blur(direction=90, strength=whatever you want, preferably 5-10)}
of course you put the other link modifier things such as "color, text-decoration, etc" before that. so yeah I am sorry if it doesn't work
=( It didn't work.... Thank you though. Maybe is it because I already have what co.oky suggested?
CODE
<!-- begin code provided by createblog.com -->
<style type="text/css">
<!--
A:link
{ text-decoration:none; font-size: 8pt; color: #FFFFFF; cursor: nw-sesize }
A:active
{ text-decoration:none; color: #000000 }
A:visited {color: #FFFFFF; font-size: 8pt; text-decoration: none; cursor: nw-resize}
A:hover {filter: blur(add="0",direction="90",strength="6"); CURSOR: nw-resize;; COLOR: #FFFFFF; text-decoration: none;
}
-->
</STYLE>
<!-- end code provided by createblog.com -->
<style type="text/css">
<!--
A:link
{ text-decoration:none; font-size: 8pt; color: #FFFFFF; cursor: nw-sesize }
A:active
{ text-decoration:none; color: #000000 }
A:visited {color: #FFFFFF; font-size: 8pt; text-decoration: none; cursor: nw-resize}
A:hover {filter: blur(add="0",direction="90",strength="6"); CURSOR: nw-resize;; COLOR: #FFFFFF; text-decoration: none;
}
-->
</STYLE>
<!-- end code provided by createblog.com -->
this is my final attempt
oh well sorry if it doesn't work, againyou see where it says 'strength="6"'? edit the 6 to your liking
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.