Learn HTML step-by-step from A to Z or improve your professional skills.  Home HTML and CSS Tutorials Pixelated Links
Your Ad Here

Pixelated Links


Do you want links that have a cool pixel effect on mouseover? Copy the code below into the <head> of your document. You can change the colours to whatever you want.

<style>
<!--
A{color:#000000;text-decoration:none;cursor:default;
behavior:url(pixel.htc);
filter:progid:dximagetransform.microsoft.pixelate(duration=.4,
maxSquare=10, enabled=false); height: 0px; font-weight:bold }
A:link{color:#000000; text-decoration:none; font-weight:bold }
A:visited{color:#000000;text-decoration:none;font-weight:none;
font-weight:bold }
A:hover{ text-decoration: none; color:ff9900;cursor:default
font-weight:bold }
-->
</style>

Example



Author's URL: Lindsay Coome
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

HTML is Hyper Text Markup Language that is used to make hypermedia and hypertext documents for the Web. More HTML and CSS: Most Popular Materials | Fresh Materials | More HTML Tutorials at Markuptutorials.com

Add comments to "Pixelated Links"

Only registered users can write comment

No comments yet...