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

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
Learn HTML step-by-step from A to Z or improve your professional skills. More Tutorials: Featured Materials | Fresh Materials | More HTML Tutorials at Markuptutorials.com


Like us to: